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 uglify-es

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

npx uglifyjs -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.

Show comment
Hide comment
@VeromcaChang

VeromcaChang Jul 6, 2018

Nice suggestion!

VeromcaChang commented Jul 6, 2018

Nice suggestion!

@hitendramalviya

This comment has been minimized.

Show comment
Hide comment
@hitendramalviya

hitendramalviya 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?

hitendramalviya 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.

Show comment
Hide comment
@uxdesigndev

uxdesigndev Sep 3, 2018

Thank you!!

uxdesigndev commented Sep 3, 2018

Thank you!!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment