Vite2 打包 ES6 代码转换为 ES5

要将 ES6 代码转换为 ES5 代码，可以使用 Babel 来进行打包。Babel 是一个广泛使用的 JavaScript 编译器，可以将 ES6 代码转换为 ES5 代码，以确保代码在各种浏览器中都能正常运行。

首先，需要安装 Babel 及其相关插件。可以使用以下命令来安装：

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

然后，在项目根目录下创建一个名为 '.babelrc' 的文件，并添加以下内容：

{
  "presets": ["@babel/preset-env"]
}

接下来，在打包配置文件中（如 vite.config.js），对需要转换的代码文件进行配置。例如，使用 Vite 进行打包时，可以在 plugins 中添加以下配置：

import { defineConfig } from 'vite';
import babel from 'vite-plugin-babel';

export default defineConfig({
  plugins: [
    babel({ 
      babelrc: true, // 使用 .babelrc 文件进行配置
    })
  ]
});

最后，运行打包命令即可将 ES6 代码转换为 ES5 代码。例如，使用 Vite 进行打包时，可以运行以下命令：

npm run build

这样，打包后的代码就会被转换为 ES5 语法，并能够在旧浏览器中正常运行。