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

苏南大叔在很久之前的文章中,曾经向大家介绍过一款很好用的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合并压缩js文件 - 000

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

添加koala监控

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

如何利用koala合并压缩js文件 - 001

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

如何利用koala合并压缩js文件 - 002

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

如何利用koala合并压缩js文件 - 003

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

效果对比

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

如何利用koala合并压缩js文件 - 005

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

相关链接

小结

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

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

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

欢迎转载传播本篇原创文章,转载请保留链接及作者信息。
本站采用创作共用版权协议, 要求署名、非商业用途和相同方式共享。
转载本站内容必须也遵循“署名-非商业用途-相同方式共享”的创作共用协议。
程序如此灵动~》下所有原创文章,如被用于商业用途,请您按规定支付稿费。

苏南大叔需要你的支持

打赏任意金额,发送截图到邮箱 shang@newsn.net ,可以领取精选回馈如下(任选其一):
  • 《前端视频教程大礼包》一套
  • 《wordpress精选皮肤》一套
  • 《dedecms织梦精选模板》一套
感谢您的打赏,让我更有动力,将更多精彩教程文章,呈现给大家!谢谢!

岁月静好

关注互联网发展,关注苏南大叔的《程序如此灵动~》博客
本文章来自:程序如此灵动~
博客地址为:https://newsn.net/
原文地址为:https://newsn.net/say/koala-combine-js.html
上一篇好文:webstorm如何设置uglifyjs合并多个js文件并压缩
下一篇好文:如何利用koala合并css文件

如果您转载了本文章,出于某种原因,并没有注明作者或者出处。
在这里,苏南大叔也表示理解和支持。因为苏南大叔深深地明白:
您会在合适的时机,合适的地方,给本博客一个外链。对吧?
您若开心,便是安好!岁月静好,但愿世界和平,没有纷争~