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

 

转载于:https://www.cnblogs.com/oyx305/p/5658901.html