如何使用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/ 。


