DEV Community

Cover image for Minify JavaScript Using Terser
Murtuzaali Surti
Murtuzaali Surti

Posted on • Originally published at syntackle.live

Minify JavaScript Using Terser

Terser is a javascript compressor and mangler supporting ES6+ specification. In this tutorial, you will get to know how to use terser to minify/compress javascript.

Prerequisite: nodejs should be installed on your system.

1. Installing terser

Install terser using yarn or npm.

npm i terser -g
Enter fullscreen mode Exit fullscreen mode

2. Creating a script

Add the script to package.json file of your project.

"scripts": {
    ...
    "minify": "terser src/js/app.js -c -m --output src/minified/app.min.js"
    ...
}
Enter fullscreen mode Exit fullscreen mode

Replace src/js/app.js and src/minified/app.min.js with your input and output file path respectively.

Here, -c flag stands for --compress and -m stands for --mangle. For more options, visit the official documentation of terser.

3. Executing the script

Run the script using this command:

npm run minify
Enter fullscreen mode Exit fullscreen mode

Conclusion

Apart from terser, you can also use uglify-js to compress or minify javascript.

You can also try terser online if you want.

This post was originally published in Syntackle

Top comments (0)