其他分享
首页 > 其他分享> > vue-cli2/3打包增加版本号,解决缓存问题

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

 

标签:...,vue,cli2,name,版本号,js,version,new
来源: https://www.cnblogs.com/-roc/p/14917778.html