vue.config.js chunkhash 的使用

3 min read

vue.config.js 中的 chunkhash 可用于根据文件内容生成哈希值,用于缓存和版本控制。

举例来说,以下是一个使用 chunkhash 的配置:

module.exports = {
  configureWebpack: {
    output: {
      filename: '[name].[chunkhash].js',
      chunkFilename: '[name].[chunkhash].js'
    }
  }
}

该配置中,[chunkhash] 用于生成每个输出文件的哈希值,如 app.1a2b3c4d.js。这将确保在文件内容更改时,每个文件都会生成一个新的文件名,并使浏览器重新下载它,以便使用最新的版本。

需要注意的是,在开发模式下使用 chunkhash 可能会导致热重载无法正常工作。因此,建议仅在生产模式下使用该配置。

总之,Vue CLI 中的 chunkhash 配置可以帮助我们生成具有唯一标识的文件名以更好地进行缓存和版本控制。