有没有碰到项目改完部署后,打开还是之前的,必须清空浏览器缓存
vue的版本控制就完美的解决了这个问题,小技巧从我欢欢大佬那边偷学过来,觉得好用给大家分享一波。
首先打开vue项目,找到build下面的webpack.prod.conf.js文件,找到以下代码:
output: {
path: config.build.assetsRoot,
filename: utils.assetsPath('js/[name].[chunkhash].js'),
chunkFilename: utils.assetsPath('js/[id].[chunkhash].js')
},
把这个代码块通过时间 控制版本如下:
const Version = new Date().getTime(); //版本控制
output: {
path: config.build.assetsRoot,
filename: utils.assetsPath("js/[name].[chunkhash]." + Version + ".js"),
chunkFilename: utils.assetsPath("js/[id].[chunkhash]." + Version + ".js"),
},
这样一顿操作后,就可以不用来回清空浏览器缓存啦~~啧啧啧,优秀青年
网友评论