vite3+vue3 添加 polyfill 和 core-js 库

要在你的 Vite3 + Vue3 项目中添加 polyfill 和 core-js 库，你需要执行以下步骤：

1. 安装依赖：在你的项目根目录下运行以下命令安装所需依赖：

   npm install core-js regenerator-runtime --save-dev

这里使用 `core-js` 库和 `regenerator-runtime` 库来提供 ES6+ 的 polyfill 和 generator 函数的支持。

2. 配置 `vite.config.js`：在你的项目根目录下找到 `vite.config.js` 文件，如果没有则创建它。然后在文件中添加以下代码：

   import { defineConfig } from 'vite'

   export default defineConfig({
     esbuild: {
       // 对于需要 polyfill 的浏览器，自动注入 core-js 和 regenerator-runtime
       // 参考：https://github.com/evanw/esbuild/issues/1562#issuecomment-889301480
       target: 'es2015',
       minify: true,
       jsxFactory: 'h',
       jsxFragment: 'Fragment',
       loaders: {},
     },
   })

注意，这里的 `target` 应该配置为 `es2015`，以便能够自动注入所需的 polyfill。

3. 在你的入口文件中导入 `core-js` 库：在你的项目入口文件（如 `main.js`）中添加以下代码：

   import 'core-js/stable'
   import 'regenerator-runtime/runtime'

这里的 `import 'core-js/stable'` 将会包含所有的 ES6+ polyfill，而 `import 'regenerator-runtime/runtime'` 将会包含 generator 函数的支持。

现在，你的 Vite3 + Vue3 项目就已经配置好了 polyfill 和 core-js 库的支持。