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` }, }