zoukankan      html  css  js  c++  java
  • 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` }, }
  • 相关阅读:
    shell 逻辑操作符
    shell 整数
    shell 字符串
    常用文件测试操作符
    系统级脚本 rpcbind
    shell 特殊字符
    redhat7.5 升级OpenSSH_7.8p1
    kubernetes 项目
    salt 安装kubernetes集群3节点
    web应用
  • 原文地址:https://www.cnblogs.com/-roc/p/14917778.html
Copyright © 2011-2022 走看看