UglifyJS 3：JavaScript代码压缩工具
UglifyJS 3：JavaScript 代码压缩与优化的利器
有没有过那种感觉，明明功能不多的前端页面，一打包就几十上百KB的 JavaScript？尤其是上线前你想把代码“压缩瘦身”一下，结果处理半天还没弄好。这时候就可以让一款老牌又靠谱的工具来帮你搞定，那就是——UglifyJS 3。
UglifyJS 是前端圈里非常经典的 JavaScript 代码压缩工具，它的功能覆盖了整个流程：解析、缩小、压缩、美化。简单说，不管你是要让代码变小（压缩混淆），还是变漂亮（格式化），它都能一键完成。
现在最新版是 UglifyJS 3，相比早期的 2.x 版本，它在性能、兼容性和功能上都有明显提升。但需要注意的是，3.x 和 2.x 是不兼容的，如果你之前项目用的是旧版，要做一些改动才能顺利升级。
它支持大多数现代 JavaScript 和 ECMAScript 特性，比如 let/const、箭头函数、模块语法等等，常规项目拿来就能用。如果你的代码里用了特别前沿的语法（比如 ES2022 的顶级 await、私有字段等），建议先用 Babel 等工具做一轮转译再交给 UglifyJS 来处理，这样更保险。
用法上也很简单，你可以通过 命令行 使用，也可以通过 Node API 调用。
比如最基础的压缩操作，只需要：
bash
npx uglify-js input.js -o output.min.js -c -m
其中：
-c表示压缩（compress），会删除无用代码、优化表达式等；-m表示混淆（mangle），会把变量名缩短成 a、b、c，进一步减小体积；-o指定输出文件。
用完之后，你会发现代码从几千行变成一坨压成一行的字母代码，基本人眼无法直接看懂，体积却明显减小了，适合上线用来保护代码逻辑、加快页面加载速度。
除了压缩混淆，UglifyJS 还可以做代码“美化”（beautify），比如你要调试一段压缩后的代码，就可以反向格式化回来：
bash
npx uglify-js input.min.js --beautify -o readable.js
这点对于处理一些别人丢给你的“最小化源码”特别有用，可以快速读懂逻辑结构。
它还有一个很强大的特性是：支持只压缩一部分代码逻辑，比如只删除 console.log，保留其他内容：
bash
npx uglify-js input.js -c drop_console=true -o output.js
开发阶段写了大量调试日志？上线前自动全部清掉，这就特别省事。
而且 UglifyJS 还能和 Webpack、Rollup 等现代打包工具配合使用。比如 Webpack 里就可以通过 TerserWebpackPlugin（其实底层基于 UglifyJS 设计）来自动压缩构建结果，在 CI/CD 流程中实现自动化优化。
虽然现在前端生态中也有像 Terser 这样的替代工具出现，但 UglifyJS 仍然因其稳定性、执行效率和 API 简洁性，在不少项目中有着不可替代的地位。特别是你想控制压缩细节，或需要在构建流程中手动操作压缩逻辑的时候，UglifyJS 是一个非常可靠的选择。
我自己用它最多的场景，就是做组件库发布前的代码体积优化。通过配置不同的压缩策略，可以极大地减少最终包的大小，加载更快、体验更好，还能顺带提升 SEO 和首屏渲染速度。
感觉嘛，UglifyJS 3 虽然不像 Vue、React 那样耀眼，但它就像一个藏在后端的小工具人，默默地帮你把前端项目“瘦身塑形”，而且效果立竿见影。对于注重前端性能、追求专业部署体验的开发者来说，UglifyJS 绝对值得加入你的工具链里。
