gulp插件开发手札

By | 2015年6月19日

gulp

一个比grunt使用更为简单的自动化构建工具,Gulp通过流和代码优于配置策略来尽量简化任务编写的工作。

这里不在赘述gulp的基本使用法。请参考:

需求

项目中使用了gulp,以及一些插件,其中有压缩,md5后缀等等,我们的项目仅在移动端运行,考虑到性能,需要延迟加载js文件,因为压缩后的js文件体积相对比较,想通过创建script标签的形式,等页面ready了再去加载js。因为使用了md5,所以每次压缩完的文件名都不一样,而动态加载的脚本需要知道压缩后的文件名称,不想每次手都修改。

插件功能

所以要实现的功能就是,在js进行压缩,合并以后,处理首页html.

首先要知道如何开发一个gulp插件

因为是个小功能,所以我也就没有单独封装成模块,而是封装成一个单独函数方便使用:

 

说明:

使用

使用方式跟普通的gulp插件调用方式一样

 

总结:

功能很简单,就是需要知道如何开发gulp插件,参考上面的模板,然后参看了一些gulp官网上的插件是如何写的,基本上就完了,同事需要知道nodejs如何操作buffer就可以了。

发表评论