美文网首页
Gulp修改css版本号

Gulp修改css版本号

作者: 嗨超儿 | 来源:发表于2018-05-05 15:44 被阅读16次

    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"
      

    相关文章

      网友评论

          本文标题:Gulp修改css版本号

          本文链接:https://www.haomeiwen.com/subject/txqerftx.html