vite 配置打包后js文件名，解决更新后浏览器缓存问题

在Vite中，可以通过配置打包后的JS文件名来解决浏览器缓存问题。通常的做法是使用内容哈希（content hash）来生成唯一的文件名，这样当文件内容发生变化时，文件名也会随之变化，从而避免浏览器使用旧的缓存文件。
以下是具体的配置方法：

打开Vite的配置文件vite.config.js。
在配置文件中，设置build.rollupOptions.output中的entryFileNames和chunkFileNames为包含内容哈希的文件名。

示例配置如下：
import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';

export default defineConfig({
plugins: [vue()],
build: {
rollupOptions: {
output: {
entryFileNames: 'assets/js/[name].[contenthash].js',
chunkFileNames: 'assets/js/[name].[contenthash].js',
assetFileNames: 'assets/[ext]/[name].[contenthash][extname]',
},
},
},
});
登录后复制
在这个配置中：

entryFileNames设置了入口文件的命名方式，[name]是文件名，[contenthash]是内容哈希。
chunkFileNames设置了非入口文件的命名方式，同样使用了内容哈希。
assetFileNames设置了静态资源的命名方式。

这样配置后，每次打包生成的JS文件名都会包含内容哈希，当文件内容发生变化时，文件名也会变化，从而避免浏览器使用旧的缓存文件。