vue3 打包文件增加hash值

在Vue 3中，为打包文件增加hash值主要是为了实现缓存控制，当文件内容发生变化时，文件的名称也会随之变化，从而使得浏览器重新加载新内容而不是从缓存中读取。在Vue CLI创建的项目中，可以通过修改构建配置来实现文件名hash。

在Vue 3项目中，如果你使用的是Vue CLI，可以通过以下步骤来为打包文件增加hash值：

1. 打开项目根目录下的`vue.config.js`文件。
2. 修改`outputDir`和`assetsDir`配置，以及`filenameHashing`选项来为文件名添加hash值。

下面是一个配置示例：

module.exports = {
  outputDir: 'dist',
  assetsDir: 'static',
  filenameHashing: true,
  ...
}

在这个配置中，`filenameHashing: true`会自动为打包生成的JS和CSS文件名添加hash值。

如果你使用的是Vite或Webpack直接配置，可以在Webpack配置文件中配置输出（output）选项和插件（如HtmlWebpackPlugin）来实现文件名的hash化。

请注意，使用Vite构建Vue 3项目时，Vite已经默认为打包文件添加了hash值，无需额外配置。