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

巴特西

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

最新文章

热门文章