如何使用uglifyjs合并精简混淆js文件,uglifyjs范例小结
发布于 作者:苏南大叔 来源:程序如此灵动~
在上一篇文章中( https://newsn.net/say/js-semicolon.html ),大家学习到了:如何使用手工合并js文件。可能会出现一些意料之外的问题,这里有个比较好的方案,那就是基于node的uglifyjs工具。

当然,koala也可以做类似的事情,您也可以考虑使用koala。不过,本文的主角是:uglifyjs,苏南大叔将要简述一下uglifyjs,在命令行下的最常见的使用方式。
全局安装uglifyjs
全局安装即可,以期待更方便快捷的使用uglifyjs。
npm install uglifyjs -g使用方式范例
-o输出的文件名称-cclean,清理代码-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/ 。