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)的方式不会