Minify multiple Javascript files in a folder with UglifyJS

To minify multiple Javascript files, you can use Grunt. However, there is a much easier way to archive it using UglifyJS and Bashscript.

Step 1: Install UglifyJS

npm install -g uglify-js

Step 2: Write some Bash script code to find and minify all js files in a folder

for file in path/to/js/folder/*.js; do
    uglifyjs "$file" --stats -c -m  -o "$file" 
    echo minified: "$file" 
done 

Step 3: Run script

Save script in Step 2 to a file called ‘minify-js.sh’ and run it using Terminal:

sudo chmod +x minify-js.sh
./minify-js.sh

Modify this code a litte and you can use it with cleancss or other minifier.

This code help me much in deploying my webiste (a static site built with Jekyll). Hope it help someone else.

Subscribe to know whenever I post new stuff. No spam, for real.