vue-cli2/3打包增加版本号，解决缓存问题

vue-cli  2.0

在webpack.prod.conf.js代码配置
最顶层 增加
const version = new Date().getTime()

cosnt webpackConfig = merge(baseWebpackConfig, {
  ..., // 此处省略
    // 增加output
  output: {
    path: config.build.assetsRoot,
    filename: utils.assetsPath(`js/[name].[chunkhash].${version}.js`),
    chunkFilename: utils.assetsPath(`js/[name].[chunkhash].${version}.js`),
  }
  ...,
    // 在 new HtmlWebpackPlugin 
  new HtmlWebpackPlugin({
    ..., // 此处省略
    hash: version
    ...
  })
})

 

vue-cli  3.0  以上

 configureWebpack: { // 在moudle.exports 中新增
        output: { // 输出重构  打包编译后的 文件名称  【模块名称.版本号.时间戳】
            filename: `static/js/[name].${version}.js`, 
　　　　　　　chunkFilename: `static/js/[name].${version}.js` }, }