Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
How to Set Up Minification

In production, it is recommended to minify any JavaScript code that is included with your application. Minification can help your website load several times faster, especially as the size of your JavaScript source code grows.

Here's one way to set it up:

  1. Install Node.js
  2. Run npm init -y in your project folder (don't skip this step!)
  3. Run npm install terser

Now, to minify a file called like_button.js, run in the terminal:

npx terser -c -m -o like_button.min.js -- like_button.js

This will produce a file called like_button.min.js with the minified code in the same directory. If you're typing this often, you can create an npm script to give this command a name.

@VeromcaChang

This comment has been minimized.

Copy link

commented Jul 6, 2018

Nice suggestion!

@hitendramalviya

This comment has been minimized.

Copy link

commented Aug 22, 2018

I like your suggestion, I have a doubt what if we have big composed component e.g. big form using various other components imported in it, how it will be used on a other web app?

@uxdesigndev

This comment has been minimized.

Copy link

commented Sep 3, 2018

Thank you!!

@hinata4zzahra

This comment has been minimized.

Copy link

commented Oct 5, 2018

thanks :)

@zbcoder

This comment has been minimized.

Copy link

commented Oct 15, 2018

good

@MedinaGitHub

This comment has been minimized.

Copy link

commented Oct 22, 2018

thanks :)

@post443

This comment has been minimized.

Copy link

commented Dec 29, 2018

学习了,感谢分享!

@alexvirtualbr

This comment has been minimized.

Copy link

commented Feb 18, 2019

amazing!!!

@h4091

This comment has been minimized.

Copy link

commented Mar 25, 2019

Nice guy

@drakogemini2

This comment has been minimized.

Copy link

commented Apr 8, 2019

Thanks

@Code-0-0

This comment has been minimized.

Copy link

commented May 10, 2019

npx terser -c -m -o BMW -- BMW.MINI

@Figlure

This comment has been minimized.

Copy link

commented Jun 6, 2019

thanks

@aprydatko

This comment has been minimized.

Copy link

commented Jun 13, 2019

thanks

@TheBrown

This comment has been minimized.

Copy link

commented Jul 11, 2019

Useful!

@jonariv09

This comment has been minimized.

Copy link

commented Jul 29, 2019

How do i compress differents .js in one .min.js?

@HuangHongRui

This comment has been minimized.

Copy link

commented Aug 7, 2019

Thx

@jercylew

This comment has been minimized.

Copy link

commented Aug 16, 2019

Thanks for sharing

@software2015

This comment has been minimized.

Copy link

commented Aug 26, 2019

Thanks!

@EasternStar930

This comment has been minimized.

Copy link

commented Sep 11, 2019

Thank you
Really big thank you

@dagolinuxoid

This comment has been minimized.

Copy link

commented Sep 30, 2019

In case you don't like double dashes --
npx terser like_button.js -m -c -o like_button.min.js

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.