如何利用koala app压缩合并js文件?
发布于 作者:苏南大叔 来源:程序如此灵动~
苏南大叔在很久之前的文章中,曾经向大家介绍过一款很好用的js和css处理工具,叫做koala。据说是国人基于nwjs做的一款很好用的软件,具体的技术链接,见文末。
本文中,将要向大家介绍一下,如何利用koala特有的语法来合并js文件。注意,是特有的语法。别的软件都不认识的语法。只有koala支持的合并js的方法。
koala
专用语法
在koala的体系中,可以像php的include
语句一样,加载对应的js。语法如下:
// @koala-prepend "<your_js_path>.js"
然后,利用koala的自动编译功能,就可以实现和前一篇文章中,webstrom和uglifyjs
一样的文件合并效果了。还是上一个js合并项目的例子。本文中,苏南大叔在项目根目录下面,添加了一个koala.js
文件。内容如下:
// @koala-prepend "src/1.js"
// @koala-prepend "src/2.js"
// @koala-prepend "src/3.js"
添加koala
监控
将项目代码拖到koala界面中。然后,设置koala.js的相关属性,并设置输出文件位置为dist/
。然后就可以通过任何软件愉快的修改src/
目录下面的三个文件,并可以生成对应的dist/koala.min.js
文件了。
效果对比
对比uglifyjs
生成的all.min.js
,似乎koala.min.js
的生成结果更加智能一点。大家对比看看,一个是逗号,一个是分号。
相关链接
- 《less/scss集成编译工具koala版本更新》 https://newsn.net/say/koala-release.html
- 《nwjs中文网》 https://nwjs.org.cn/
小结
koala
的这个效果不错,但毕竟是koala
特有的方式方法。并不通用,所以大家自行决定是否采用该方案把。
更多苏南大叔带来的koala相关经验文章,请点击下面的链接查看。



评论测试