Gulp开发：Gulp自动添加版本号

最新推荐文章于 2021-06-22 11:26:01 发布

Generon

最新推荐文章于 2021-06-22 11:26:01 发布

阅读量519

点赞数

分类专栏： gulp开发

本文链接：https://blog.csdn.net/Generon/article/details/75105574

版权

本文介绍了如何使用Gulp结合gulp-rev和gulp-rev-collector来自动添加版本号，以解决公司发布系统中文件版本管理和清除过期文件的问题。通过修改这两个Gulp插件的配置，实现了预期的效果，既更新了文件版本，又避免了无用文件的积压。

摘要由CSDN通过智能技术生成

推荐使用gulp-rev + gulp-rev-collector是比较方便的方法，结果如下:

"/css/style.css" => "/dist/css/style-1d87bebe.css"    
"/js/script1.js" => "/dist/script1-61e0be79.js"    
"cdn/image.gif"  => "//cdn8.example.dot/img/image-35c3af8134.gif"

但是由于公司发布系统限制，如果用上面方法实现，每次更新都会积压过多过期无用的文件，我们预期效果是:

"/css/style.css" => "/dist/css/style.css?v=1d87bebe"
"/js/script1.js" => "/dist/script1.js?v=61e0be79"
"cdn/image.gif"  => "//cdn8.example.dot/img/image.gif?v=35c3af8134"

怎么破?改上面两个Gulp插件是最高效的方法了。

安装Gulp
npm install --save-dev gulp
分别安装gulp-rev、gulp-rev-collerctor
npm install --save-dev gulp-rev
npm install --save-dev gulp-rev-collector
打开node_modules\gulp-rev\index.js

第133行 manifest[originalFile] = revisionedFile;
更新为: manifest[originalFile] = originalFile + '?v=' + file.revHash;
打开node_modules\gulp-rev\node_modules\rev-path\index.js

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