美文网首页
vue的版本控制,部署后自动更新啥的!

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

作者: love_peaches | 来源:发表于2020-07-28 17:21 被阅读0次

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

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

    相关文章

      网友评论

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

          本文链接:https://www.haomeiwen.com/subject/dwxqrktx.html