如何用vite打包解决前端发版后浏览器缓存问题

import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import { resolve } from 'path';
import pkg from './package.json' assert { type: 'json' };

// 时间戳
const timestamp = new Date().getTime();

export default defineConfig({
  plugins: [vue()],
  resolve: {
    alias: {
      '@': resolve(__dirname, 'src') // 将@配置为src目录的绝对路径
    }
  },
  server: {
    host: '0.0.0.0',
  },
  build: {
    rollupOptions: {
      output: {
        manualChunks: {
          vendor: Object.keys(pkg.dependencies),
        },
        chunkFileNames: ({ name }) => {
          if (name === 'vendor') {
            return `assets/js/[name]-[hash].js`; // 第三方库不添加时间戳
          } else {
            return `assets/js/[name]-[hash]-${timestamp}.js`; // 自定义文件名，使用时间戳保证唯一性
          }
        },
        entryFileNames: ({ name }) => {
          if (name === 'vendor') {
            return `assets/js/[name]-[hash].js`; // 第三方库不添加时间戳
          } else {
            return `assets/js/[name]-[hash]-${timestamp}.js`; // 自定义文件名，使用时间戳保证唯一性
          }
        },
        assetFileNames: `assets/[ext]/[name]-[hash].[ext]` // 资源文件添加时间戳
      },
    }
  }
});