使用官方插件 @vitejs/plugin-legacy 为打包后的文件提供传统浏览器兼容性支持。

1. 使用npm命令进行插件安装

npm add -D @vitejs/plugin-legacy

2. 在 vite.config.js 配置文件中的 plugins 数组中引入它

// vite.config.js
import legacy from '@vitejs/plugin-legacy'
import { defineConfig } from 'vite'

export default defineConfig({
  plugins: [
    legacy({
      targets: ['defaults', 'not IE 11'],
    }),
  ],
})