首先一搜索大概的都是这种方法,于是自己开始尝试,只需要给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如何加版本号的
领取专属 10元无门槛券
私享最新 技术干货