gulp 添加版本号

首先一搜索大概的都是这种方法,于是自己开始尝试,只需要给css和js添加版本号

1、安装依赖

2、更改gulpfile.js代码

里面的路径是需要大家自己根据项目配置

3、运行gulp就可以看到相关文件后面已经被替换(根据下图的json文件替换的)

但是这不是我们像样的在文件后面加?v=[版本号]

4、需要修改相关依赖

1、打开node_modules\gulp-rev\index.js

2、 打开node_modules\rev-path\index.js

3、 打开node_modules\gulp-rev-collector\index.js

现在再运行gulp就可以看到所有的都已经被替换

遇到的问题:json文件修改了,但是html里面的链接未修改, 我git checkout — html文件

再次运行gulp就可以了

缺点:需要修改相关依赖,我希望我不修改依赖

于是我看了同事的代码如下:

1、安装依赖

2、更改gulpfile.js代码

他这种写法感觉又复杂了些,查了gulp-rev-all和gulp-rev的区别,前者好用,我就想用gulp实现的方式生成manifest.json的方式然后再用gulp-rev-collector去替换,但是失败!好吧

如果大神有什么好的方法,请赐教,有时间的话会研究webpack如何加版本号的

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20181128G1F37B00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

同媒体快讯

扫码关注云+社区

领取腾讯云代金券