怎压缩html文件夹,如何利用koala压缩合并js文件？

本博客不欢迎：各种镜像采集行为，请尊重知识产权法律法规。大家都是程序员，不要闹得不开心。

苏南大叔在很久之前的文章中，曾经向大家介绍过一款很好用的js和css处理工具，叫做koala。据说是国人基于nwjs做的一款很好用的软件，具体的技术链接，见文末。本文中，将要向大家介绍一下，如何利用koala特有的语法来合并js文件。注意，是特有的语法。别的软件都不认识的语法。只有koala支持的合并js的方法。

koala专用语法

在koala的体系中，可以像php的include语句一样，加载对应的js。语法如下：// @koala-prepend ".js"

然后，利用koala的自动编译功能，就可以实现和前一篇文章中，webstrom和uglifyjs一样的文件合并效果了。还是上一个js合并项目的例子。本文中，苏南大叔在项目根目录下面，添加了一个koala.js文件。内容如下：// @koala-prepend "src/1.js"

// @koala-prepend "src/2.js"

// @koala-prepend "src/3.js"

如何利用koala压缩合并js文件？(图5-1)

添加koala监控

将项目代码拖到koala界面中。然后，设置koala.js的相关属性，并设置输出文件位置为dist/。然后就可以通过任何软件愉快的修改src/目录下面的三个文件，并可以生成对应的dist/koala.min.js文件了。

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

如何利用koala压缩合并js文件？(图5-3)

如何利用koala压缩合并js文件？(图5-4)

效果对比

对比uglifyjs生成的all.min.js，似乎koala.min.js的生成结果更加智能一点。大家对比看看，一个是逗号，一个是分号。

如何利用koala压缩合并js文件？(图5-5)

相关链接

小结

koala的这个效果不错，但毕竟是koala特有的方式方法。并不通用，所以大家自行决定是否采用该方案把。

更多苏南大叔带来的koala相关经验文章，请点击下面的链接查看。

如果本文对您有帮助，或者节约了您的时间，欢迎打赏瓶饮料，建立下友谊关系。

本博客不欢迎：各种镜像采集行为。请尊重原创文章内容，转载请保留作者链接。