Gulp修改css版本号

Gulp 修改css 版本号

  1. 安装Gulp 
    npm install --save-dev gulp
  2. 打开 node_modules\gulp-rev\index.js 
    第134行 manifest[originalFile] = revisionedFile;
更新为: manifest[originalFile] = originalFile + '?v=' + file.revHash;
  3. 打开node_modules\gulp-rev-collector\index.js 
    第40行 var cleanReplacement = path.basename(json[key]).replace(new RegExp(opts.revSuffix ), ''）
更新为 var cleanReplacement =  path.basename(json[key]).split('?')[0];
  4. 打开node_modules\rev-path\index.js 
    第9行return modifyFilename(pth, (filename, ext)=> `${filename}-${hash}${ext}`);
更新为: return modifyFilename(pth, (filename, ext) => `${filename}${ext}`);
  5. 结果达到预期，如下(Html)： 
    href="css/main.css?v=885e0e1815"
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容