Vite2 打包 ES6 代码为 ES5 - 详细步骤 - 常规

要将 ES6 代码打包转换为 ES5，你可以使用 Babel 来进行转换。以下是如何使用 Vite2 打包 ES6 代码为 ES5 的步骤：

安装依赖

确保你的项目已经安装了 Vite2 和 Babel 相关的依赖。可以使用以下命令安装它们：
```
npm install vite @babel/core @babel/preset-env --save-dev
```
创建 .babelrc 文件

在你的项目根目录下创建一个 .babelrc 文件，并添加以下内容：
```
{
  "presets": ["@babel/preset-env"]
}
```
添加 build 脚本

在 package.json 文件中添加一个 build 脚本，用于执行打包操作。你可以将其添加到 scripts 字段中，如下所示：
```
"scripts": {
  "build": "vite build"
}
```
执行打包

运行以下命令来进行打包：
```
npm run build
```
这将使用 Vite2 和 Babel 将你的 ES6 代码转换为 ES5，并将其输出到 dist 目录中。

注意： 如果你在使用其他 Babel 插件或配置，请确保将它们添加到 .babelrc 文件中，以便进行正确的转换。