首页 > 其他 > 详细

gulp 添加版本号 解决浏览器缓存问题

时间:2017-05-31 13:25:31      阅读:700      评论:0      收藏:0      [点我收藏+]

分别安装gulp-rev、gulp-rev-collerctor、gulp-asset-rev,安装了的略过

npm install gulp-rev --save-dev

npm install gulp-rev-collerctor --save-dev

npm install gulp-asset-rev --save-dev

1.打开node_modules\gulp-assets-rev\index.js
    78行 var verStr = (options.verConnecter || "-") + md5;
    更新为:var verStr = (options.verConnecter || "") + md5;
    80行 src = src.replace(verStr, ‘‘).replace(/(\.[^\.]+)$/, verStr + "$1");
    更新为:src=src+"?v="+verStr;

技术分享

2.打开node_modules\gulp-rev\index.js

     第144行 manifest[originalFile] = revisionedFile;
    更新为: manifest[originalFile] = originalFile + ?v= + file.revHash;

技术分享

3.打开nodemodules\gulp-rev\nodemodules\rev-path\index.js

    10行 return filename + - + hash + ext;
    更新为: return filename + ext;

技术分享

 

4.打开node_modules\gulp-rev-collector\index.js

    41行 if ( path.basename(json[key]).replace(new RegExp( opts.revSuffix ), ‘‘ ) !== path.basename(key) ) {
    更新为: if ( path.basename(json[key]).split(?)[0] !== path.basename(key) ) {

技术分享

5.打开node_modules\gulp-rev-collector\index.js
    第107行 regexp: new RegExp( ([\/\\\\\‘"]) + pattern, g ),
    或者第160行 regexp: new RegExp( prefixDelim + pattern, g ),
    更新为: regexp: new RegExp( ([\/\\\\\‘"]) + pattern+(\\?v=\\w{10})?, g ),

技术分享

 

可能因为版本更替,可能行号变了,具体以图为准

详情见图片 图片为修改后的内容

gulp 添加版本号 解决浏览器缓存问题

原文:http://www.cnblogs.com/bruce-gou/p/6923440.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!