Terser Reviews and details

Social recommendations and mentions

• 10 Bad Habits That Can Slow Down Your JavaScript Applications 🐌

  Example: You've got a main.js file that's as long as a Tolstoy novel. Fix: Use tools like UglifyJS or Terser to minify your code. They'll squeeze out all the unnecessary bits and give you a sleeker, faster-loading file. - Source: dev.to / 6 months ago

• Things you forgot because of React

  They can do it, it is just turned off by default and require more advanced configuration. https://github.com/terser/terser#cli-mangling-property-names.... - Source: Hacker News / 8 months ago

• Understanding Source Maps: Simplifying Debugging

  Minifying is a common practice for optimizing production code. (for example, using Terser to minify and mangle JavaScript). - Source: dev.to / 9 months ago

• Minify private methods in a TypeScript class

  Terser is JavaScript compressor that can minified specific method names. - Source: dev.to / over 1 year ago

• React Native CI/CD build speed improved by 22% with one line of code

  Every release build of React Native uses terser to reduce the size of your JavaScript. And it operation can be omitted for Staging/Beta builds. - Source: dev.to / about 1 year ago

• Rollup Library Starter

  This next one will help us reduce final bundle size by minifying the generated code. It's called rollup-plugin-terser and uses terser under the hood to minify the code. - Source: dev.to / over 1 year ago

• You don't need void 0

  However, it is best to leave basic code size optimizations to minifiers such as Terser as part of the product bundling process. They can perform many different optimizations, and the source code remains more readable without any manual code size optimizations like using void 0 instead of undefined. - Source: dev.to / almost 2 years ago

• Writing your own module bundler

  Thus we have written our own module bundler by following the rollup way. We can also support a few extra options Like code minification and mangling by using terser, we can also support iife Format by wrapping the bundle with an iife expression. Since this is a basic example on how a bundler works, I have Skimmed through a few stuffs, but in practice module bundlers are quite complex and interesting to learn... - Source: dev.to / about 2 years ago

• Popular "Video Ad-Block, for Twitch" Extension with 600k users, has removed the source code from GitHub and completely privatized it. The latest update requires new permissions to "read and change your data on all amazon.co.uk sites" adding ""aradb-21" as a referral tag to product URLs.

  Have you even tried Terser? While it doesn't obfuscate it does transform a lot of code, so the actual output depending on the config you use is dramatically different. Source: about 2 years ago

• Is anyone using Google Closure Compiler? And why not?

  We use terser, a minifier which is part of webpack and usually outperforms Closure Compiler for gzipped output. It's on by default since webpack 4, so it's the lower-effort solution. Source: over 2 years ago

• Simple mistake to ruin Webpack bundle optimization

  What you might not know, it's not the webpack that cleans up dead code per se. Of course, it does bulk of "preparation" work, but it is terser package that actually will *cut off * unused code. Terser is JavaScript parser, mangler and compressor toolkit for ES6+. - Source: dev.to / over 2 years ago

• Performance checklist for Vue and Nuxt

  Use tools like CSS Minification or Terser JS Plugin. In Nuxt, Terser is included by default. - Source: dev.to / over 2 years ago

• My web performance journey with Nuxt, Storyblok & Netlify

  Solution JS → The new uglify-js: https://github.com/terser/terser or continue using webpack, Teser is already included in the prod.js file. - Source: dev.to / about 3 years ago