首页 > 代码库 > gulp 添加版本号 解决浏览器缓存问题
gulp 添加版本号 解决浏览器缓存问题
分别安装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 添加版本号 解决浏览器缓存问题
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。