vuecli3解决 js 缓存问题

vue打包生成的js、css文件都是通过hash的方式生成出来的。但是每次生成的文件名称都是基本一样的。那么浏览器就会缓存这些文件，为了js、css能实时更新最新的版本。重新配置一下webpack。

首先打开 vue.config.js添加如下代码

module.exports = {
   // webpack 配置
  configureWebpack: {
  // 输出重构  打包编译后的 文件名称  【模块名称.版本号.时间戳】
    output: { 
          filename: `[name].${new Date().getTime()}.js`,
          chunkFilename: `[name].${new Date().getTime()}.js`
      }
    }
  }

可能跟其他文章写法有点区别，但是大差不差的都一个意思。这么写是不区分环境。有的写法是区别了环境的，但是我就是管他啥环境的就这么干。说白了就是打包的时候给文件加一个时间戳。看打包出来的dist文件就明白了。