ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

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

2021-06-22 11:35:53  阅读:175  来源: 互联网

标签:... vue cli2 name 版本号 js version new


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

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有