Vite2 打包 ES6 代码转 ES5 指南

要使用 Vite2 打包 ES6 代码转 ES5，可以按照以下步骤进行操作：

1. 确保已经安装了 Node.js 和 npm。

2. 创建一个新的 Vite2 项目，可以在终端中运行以下命令：

npm init vite@latest

3. 进入项目目录，安装依赖：

cd your-project-name npm install

4. 安装 `@babel/preset-env` 和 `@babel/core` 插件，用于将 ES6 转换为 ES5：

npm install --save-dev @babel/preset-env @babel/core

5. 创建一个名为 `.babelrc` 的文件，并将以下内容添加到文件中：
```json
{
'presets': ['@babel/preset-env']
}

6. 修改 vite.config.js 文件，将 esbuild 替换为 vite-plugin-babel，并添加以下配置：

import { defineConfig } from 'vite' import babel from '@rollup/plugin-babel'

export default defineConfig({ plugins: [ babel({ babelHelpers: 'bundled', exclude: 'node_modules/**', }), ], })

7. 修改 `package.json` 文件，将 `scripts` 部分的 `build` 命令修改为：
```json
'scripts': {
'build': 'vite build'
}

8. 现在可以运行以下命令打包项目：

npm run build

这样，Vite2 将会使用 Babel 插件将 ES6 代码转换为 ES5，并生成在 `dist` 目录下的打包文件。