vue的版本控制,部署后自动更新啥的!

2020-07-28  本文已影响0人  love_peaches

有没有碰到项目改完部署后,打开还是之前的,必须清空浏览器缓存
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"),
  },

这样一顿操作后,就可以不用来回清空浏览器缓存啦~~啧啧啧,优秀青年

上一篇下一篇

猜你喜欢

热点阅读