vite 配制打包es6转es5

为了将ES6代码转换为ES5，可以使用Babel。Vite是一个基于ESM的构建工具，它可以快速地构建现代Web应用程序。下面是在Vite中配置Babel以将ES6转换为ES5的步骤：

1.安装依赖：

npm install @babel/core @babel/preset-env -D

2.在项目根目录下创建`.babelrc`文件，并添加以下内容：

{
  "presets": [
    [
      "@babel/preset-env",
      {
        "targets": {
          "chrome": "58",
          "ie": "11"
        }
      }
    ]
  ]
}

这里的`targets`选项指定了要支持的浏览器版本。

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

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

export default defineConfig({
  plugins: [vue()],
  build: {
    target: 'es2015',
    outDir: 'dist',
    assetsDir: '',
    minify: 'terser',
    sourcemap: false,
    rollupOptions: {
      output: {
        format: 'es',
        manualChunks: undefined
      },
      input: {
        main: './index.html'
      },
      plugins: []
    }
  },
  esbuild: {
    jsxFactory: 'h',
    jsxFragment: 'Fragment'
  }
})

这里的`target`选项指定了要构建的目标浏览器版本。

4.运行`npm run build`命令进行构建。