如何使用uglifyjs合并精简混淆js文件，uglifyjs范例小结

我们相信：世界是美好的，你是我也是。平行空间的世界里面，不同版本的生活也在继续...

在上一篇文章中（ https://newsn.net/say/js-semicolon.html ），大家学习到了：如何使用手工合并js文件。可能会出现一些意料之外的问题，这里有个比较好的方案，那就是基于node的uglifyjs工具。

当然，koala也可以做类似的事情，您也可以考虑使用koala。不过，本文的主角是：uglifyjs，苏南大叔将要简述一下uglifyjs，在命令行下的最常见的使用方式。

全局安装uglifyjs

全局安装即可，以期待更方便快捷的使用uglifyjs。

npm install uglifyjs -g

使用方式范例

• -o 输出的文件名称
• -c clean，清理代码
• -m 混淆代码，简单的变量名替换
• --source-map 输出map文件

处理一个js.js文件，输出为min.js。

uglifyjs js.js -o min.js

处理一个js.js文件，压缩输出为min.js。

uglifyjs js.js -o min.js -c

处理一个js.js文件，压缩并且混淆输出为min.js。

uglifyjs js.js -o min.js -c -m

处理一个js.js文件，压缩并且混淆输出为min.js，同时输出min.js.map文件。

uglifyjs js.js -o min.js -c -m --source-map

合并处理1.js和2.js文件，压缩并且混淆输出为min.js，同时输出min.js.map文件。

uglifyjs 1.js 2.js -o min.js -c -m --source-map

更多有关uglifyjs的参数

更多参数，大家可以通过下列命令查看。

uglifyjs --help

一些截图

一些测试用的截图文件，仅供参考。

关联文章

• 《less/scss集成编译工具koala版本更新》 https://newsn.net/say/koala.html

结论

当然uglifyjs作为一个node模块，也可以通过编程的方式在代码里面调用。

更多的uglifyjs的使用方式，请参考苏南大叔的更多经验文章。https://newsn.net/tag/uglifyjs/ 。

如果本文对您有帮助，或者节约了您的时间，欢迎打赏瓶饮料，建立下友谊关系。
本博客不欢迎：各种镜像采集行为。请尊重原创文章内容，转载请保留作者链接。