vite打包转es5

为了将Vite打包转换为ES5，需要进行以下步骤：

1. 在项目根目录下创建一个`babel.config.js`文件，并添加以下内容：

   module.exports = {
     presets: [
       [
         '@babel/preset-env',
         {
           targets: {
             chrome: '58',
             ie: '11'
           },
           useBuiltIns: 'usage',
           corejs: '3.15.2'
         }
       ]
     ]
   };

这里使用了`@babel/preset-env`预设，它可以根据目标浏览器和配置的选项自动确定需要的插件和polyfill。

2. 安装`@vitejs/plugin-babel`插件：

   npm install --save-dev @vitejs/plugin-babel

3. 在`vite.config.js`文件中添加以下内容：

   import { defineConfig } from 'vite';
   import vue from '@vitejs/plugin-vue';
   import babel from '@vitejs/plugin-babel';

   export default defineConfig({
     plugins: [vue(), babel()]
   });

这里使用了`@vitejs/plugin-babel`插件来处理ES6+语法。

4. 在`tsconfig.json`文件中将`target`选项设置为`"es6"`。

5. 运行`npm run build`命令进行打包。