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

苏南大叔在本文中讲述一个很实用很简单的技巧,使用uglifyjs合并很多个小的js,压缩合并为一个js文件。当然了,gulpwebpack之类的工具,也都有类似的功能。但是,uglifyjs有个非常好的地方,就是:它并不修改js逻辑,并不在最终的代码中,添加很多看起来匪夷所思的代码。uglifyjs合并就仅仅是合并压缩,这点上,苏南大叔非常欣赏。

本文的技巧非常简单,主要讲述:如何利用uglifyjs-o参数,合并压缩js文件。

利用npm安装uglifyjs

安装的过程,命令如下:

npm install uglify-js -g

注意包名是:uglify-js,而不是uglifyjs,也不是uglify,但是命令行却是:uglifyjs

这点上,作者似乎有非常强烈的改名刷存在感的嫌疑,从uglifyuglifyjsuglify-js,现在uglify-js又分uglifyjs2/uglifyjs3,这些包都是同一个作者的,而且同时存在。安装完之后,就会提示本包已经过期失效,提示安装下一个uglifyjs,简直要把小白逼疯的节奏。

如何利用uglifyjs合并压缩js文件 - 安装uglifyjs
如何利用uglifyjs合并压缩js文件(图2-1)

利用uglifyjs合并压缩文件

这里苏南大叔写了个小小的命令行demo,效果是把3个js,合并成了一个all.min.js。效果很不错,自带压缩空行效果。

uglifyjs 1.js 2.js 3.js -o all.min.js

如何利用uglifyjs合并压缩js文件 - 合并压缩js
如何利用uglifyjs合并压缩js文件(图2-2)

结论

uglifyjs,在很多包中都有使用到,这个js的参数也非常多。苏南大叔建议您,参数可以参考相关官方文档。更多uglifyjs相关经验文章,请点击下的链接查看。

 【npm】秘籍文章入口,仅传授于有缘之人   npm    uglifyjs

本站的忠实读者小伙伴,正在阅读下面这些文章:

欢迎转载传播本篇原创文章,转载请保留链接及作者信息。
欢迎指正文字或逻辑错误,将会择优在文末列出您的信息。
本站采用创作共用版权协议, 要求署名、非商业用途和相同方式共享。
转载本站内容必须也遵循“署名-非商业用途-相同方式共享”的创作共用协议。
未经许可,规模化镜像抄袭本站内容的行为,将会根据有关法律法规进行维权。
程序如此灵动~》下所有原创文章,如被用于商业用途,请您按规定支付稿费。

苏南大叔需要你的支持

感谢您的打赏,让我更有动力,将更多精彩教程文章,呈现给大家!谢谢!