码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2017-05-31 14:24:38      阅读:270      评论:0      收藏:0      [点我收藏+]

标签:one   original   md5   connect   添加   --   turn   sse   demo   

分别安装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 添加版本号 解决浏览器缓存问题

标签:one   original   md5   connect   添加   --   turn   sse   demo   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!