Differences

This shows you the differences between two versions of the page.

--- java-script:minification-uglification [2023/08/09 16:48] – odefta
+++ java-script:minification-uglification [2025/01/02 18:22] (current) – external edit 127.0.0.1
@@ Line 16: / Line 16: @@
 Minify a file:
 <code>
-npx terser file.js -o file.min.js
+terser file.js -o file.min.js
 </code>
@@ Line 27: / Line 27: @@
 Install it:
 <code>
-npm install uglify-js
+npm install uglify-js -g
 </code>
 Uglify a file using both **compression (-c)** and name **mangling (-m)**:
 <code>
-npx uglifyjs file.js -o file.min.js -c -m
+uglifyjs file.js -o file.min.js -c -m
 </code>
@@ Line 49: / Line 49: @@
 </code>
+<note top>
+Terser is a more recent tool and is often recommended for modern JavaScript, as it supports newer syntax features that UglifyJS might not handle.
+</note>
+<note tip>
+Most modern web development workflows incorporate these processes into a build system like **[[https://webpack.js.org/|Webpack]] or [[https://gulpjs.com/|Gulp]]**. \\ This can automate the minification and uglification process as part of your regular development and deployment process, and may include other optimizations like tree-shaking to remove unused code.
+</note>