Meta tags:
Headings (most frequently used words):
terser, options, support, terserjs, what, enabling, configuring, compression, why, es6, general, old, browser, mangler, reserved, names, define, parameter,
Text of the page (most frequently used words):
the (28), you (17), #terser (15), codekit (8), for (8), and (8), names (7), minifier (6), options (6), that (5), this (5), javascript (5), support (4), default (4), output (4), like (4), es6 (4), tools (4), with (4), files (4), file (4), set (4), change (4), those (4), browsers (4), terserjs (4), which (3), all (3), other (3), your (3), option (3), should (3), can (3), parameter (3), not (3), will (3), debug (3), mangler (3), first (3), checkbox (3), from (3), project (3), choose (3), babel (3), languages (3), developer (2), also (2), supports (2), well (2), why (2), build (2), these (2), how (2), minifies (2), code (2), defaults (2), without (2), read (2), details (2), documentation (2), see (2), list (2), compression (2), pass (2), them (2), are (2), make (2), they (2), variables (2), define (2), call (2), console (2), log (2), compiled (2), example (2), enable (2), certain (2), less (2), box (2), var (2), unless (2), need (2), then (2), don (2), features (2), browser (2), check (2), second (2), open (2), settings (2), category (2), language (2), minify (2), syntax (2), typescript (2), coffeescript (2), plugins (2), custom (2), frameworks (2), postcss (2), steps (2), topics (2), privacy, policy, report, bug, email, follow, twitter, made, san, diego, fork, uglifyjs, was, eight, years, consistently, produces, smaller, than, competing, minifiers, google, closure, runs, faster, offers, great, configuration, maintained, best, around, plus, webpack, let, fine, tune, ships, recommended, produce, smallest, possible, breaking, things, although, each, includes, brief, explanation, official, scroll, down, multiple, parameters, separating, commas, generally, written, caps, clear, defined, itself, add, when, exclude, statement, however, included, true, false, important, message, lets, global, constants, into, common, conditional, compilation, suppose, our, contains, but, have, never, shortened, enter, field, comma, separated, reserved, shortens, variable, function, take, space, becomes, want, behavior, uncheck, mylongvariablename, listed, even, likely, using, specific, such, async, await, old, minifying, modules, sure, scripts, use, import, export, leave, unchecked, won, anything, top, level, scope, since, may, elsewhere, calls, break, general, under, configuring, toggle, minification, type, once, appropriate, click, same, inspector, pane, enabling, means, modern, transpiling, processes, transpilers, what, faq, upgrading, only, mode, more, coda, sublime, text, atom, nova, editor, scripting, team, workflows, adding, environment, hooks, advanced, eslint, checkers, jeet, nib, susy, zurb, foundation, bitters, bourbon, bootstrap, tailwind, gif, svg, jpeg, png, webp, image, optimizers, json, markdown, kit, slim, haml, pug, stylus, sass, bless, lightningcss, html, cache, buster, rollup, bundler, transpiler, npm, purgecss, autoprefixer, license, recovery, troubleshooting, git, stuff, know, target, new, projects, paths, action, sync, live, reload, getting, started, close, view, buy, now, menu, updates, about, help, videos,
Text of the page (random words):
codekit terserjs features videos help about updates menu buy now terserjs view topics close topics first steps getting started live reload browsers browser sync set language options set output paths action second steps defaults for new projects build your project set target browsers stuff to know codekit git troubleshooting license recovery postcss tools autoprefixer purgecss custom postcss plugins other tools npm babel js transpiler terser js minifier rollup js bundler cache buster html minifier lightningcss bless languages sass less stylus javascript coffeescript typescript pug haml slim kit markdown json image optimizers webp png jpeg svg gif frameworks codekit frameworks tailwind bootstrap bourbon bitters zurb foundation susy nib jeet syntax checkers eslint advanced hooks environment variables adding custom languages team workflows scripting codekit editor plugins nova atom sublime text coda 2 more read only mode upgrading from 2 0 faq what s terser terser is the javascript minifier in codekit it processes javascript files as well as the compiled output from other languages like coffeescript and typescript and transpilers like babel es6 support terser supports es6 syntax which means you can minify modern javascript files without first transpiling them with babel enabling terser choose a file and check the minify output box in the inspector pane or to toggle minification for all files of a certain type at once open project settings choose the appropriate language category and click the same checkbox configuring terser open project settings then choose the terserjs category under tools general options if you re minifying es6 modules make sure you check the first checkbox for scripts that don t use import export leave it unchecked by default terser won t change the names of anything in the top level scope of a file since you may call those names from elsewhere and those calls will break if the names change you can change that with the second checkbox old browser support you should not enable these options unless you need to support the browsers listed even then you likely don t need this option unless you re using specific features in those browsers such as async await see the terserjs documentation for details mangler by default terser shortens variable and function names so they take up less space for example var mylongvariablename becomes var a if you do not want this behavior uncheck the mangler box reserved names if you enable the mangler but have certain names that should never be shortened enter those in this field as a comma separated list define parameter this option lets you pass global constants into terser to change how your code is compiled a common example is conditional compilation suppose our javascript file contains this if debug console log important message if we add debug false to the define parameter when terser minifies it will exclude the console log statement if we set debug true however the call will be included you can pass multiple parameters by separating them with commas the parameter names are generally written in all caps to make it clear that they are not variables defined in the js file itself compression options if you scroll down you ll see a list of compression options these let you fine tune how terser minifies your code codekit ships with the recommended defaults which produce the smallest possible files without breaking things although each option includes a brief explanation you should read the official terser documentation for details why terser terser is a fork of uglifyjs which was codekit s default js minifier for eight years terser consistently produces smaller output than competing minifiers like google closure it also runs faster offers great configuration options supports es6 and is well maintained by the developer it s the best all around minifier and that s why it s in codekit plus it s also the default minifier for other build tools like webpack made in san diego ca follow the developer on twitter email support report a bug privacy policy
|