码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2021-06-22 18:18:12      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:utils   webp   ash   时间戳   hash   名称   span   config   div   

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/3打包增加版本号,解决缓存问题

标签:utils   webp   ash   时间戳   hash   名称   span   config   div   

原文地址:https://www.cnblogs.com/-roc/p/14917778.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!