gulp-rev-append静态资源添加版本号后缀,清理缓存

大多用的是gulp-rev、gulp-rev-collerctor两个插件,但过程有点麻烦,使用gulp-rev-append插件轻松搞定

github:   https://github.com/bustardcelly/gulp-rev-append

安装插件

npm install gulp-rev-append --save-dev

gulpfile.js

var rev = require("gulp-rev-append");//引入插件
gulp.task("rev",function(){//任务
    gulp.src('F:/test/myproject/**/*.html')//目标文件夹
    .pipe(rev())
    .pipe(gulp.dest('./dist'));//输出文件夹
});

html

<script type="text/javascript" src="js/function.js?rev=@@hash"></script>

注意:后缀必须是 rev=@@hash 源码第9行可以看到正则表达式

效果

注意事项:

这里作者说到文件后面加参数(xxx.js?v=HASH)的方法会使某些使用proxy cache的资源失效,而更改文件名(XXX_HASH.js)的方式不会

 

posted @ 2016-07-10 23:27  until-u  阅读(977)  评论(3编辑  收藏  举报