gulp改造gulp-rev-append插件实现资源文件链接自动添加MD5版本号

2016-2-27 gulp自动添加版本号

gulp有很多插件可以实现URL添加MD5版本号，使用gulp-rev和gulp-rev-collector是比较方便的方法，结果如下:

"/css/base.css" => "/dist/css/base-1d87bebe.css"    
"/js/mod.js" => "/dist/mod-61e0be79.js"    
"/images/bg.png"  => "/images/bg-35c3af8134.png"

但是由于公司发布系统限制，如果用上面方法实现，每次更新都会积压过多过期无用的文件，估我们希望的预期效果是:

"/css/base.css" => "/dist/css/base.css?v=1d87bebe"    
"/js/mod.js" => "/dist/mod.js?v=61e0be79"    
"/images/bg.png"  => "/images/bg.png?v=35c3af8134"

因此我们需要对上面的gulp-rev-append插件进行改造。

1.安装Gulp
npm install --save-dev gulp

2.安装gulp-rev-append
npm install --save-dev gulp-rev-append

3.打开node_modules\gulp-rev-append\index.js