关于javascript:Day-17100-Vue3-项目发版后及时更新的配置

1、需要

我的项目被吐槽挺屡次了，说始终须要强刷才能够看到新的我的项目；上次改了 nginx 配置不好使。
发现是须要打包规定这里，加上工夫戳，和？v= 工夫戳就好很多了。我也不确定会不会还有其余问题，先记录下来

2、代码

配置 vue.config.js 文件：

const Timestamp = new Date().getTime()
module.exports = {
  assetsDir: 'static',
  publicPath: './', // 生产环境
  // 打包的时候不应用 hash 值. 因为咱们有工夫戳来确定我的项目的唯一性了.
  filenameHashing: false,
  outputDir: 'dist',
  pluginOptions: {
    webpack: {dir: ['./webpack']
    }
  },
  productionSourceMap: false,
  configureWebpack: { // 重点
    // 输入重构 打包编译后的 js 文件名称, 增加工夫戳.
    output: {filename: `js/[name].${Timestamp}.js?v=${Timestamp}`,
      chunkFilename: `js/chunk.[id].${Timestamp}.js?v=${Timestamp}`
    }
  },
  css: {
    extract: {
      // 打包编译后批改 css 文件名
      filename: `static/css/[name].${Timestamp}.css?v=${Timestamp}`,
      chunkFilename: `static/css/[name].${Timestamp}.css?v=${Timestamp}`
    }
  }
}

参考链接

https://blog.csdn.net/xi_nuo/…