vite babel

vite是一个现代化的前端构建工具，它可以快速地构建现代化的Web应用程序。而Babel是一个广泛使用的JavaScript编译器，它可以将ES6+的代码转换为向后兼容的JavaScript代码。在使用vite构建应用程序时，我们可以使用Babel来转换我们的代码以确保它可以在所有浏览器上运行。以下是使用vite和Babel的示例：

1.首先，我们需要安装vite和Babel：

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

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

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

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

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

export default defineConfig({
  plugins: [
    vue(),
    babel({
      babelHelpers: 'bundled'
    })
  ]
})

4.最后，在你的代码中使用ES6+语法，并运行以下命令启动vite：

npm run dev

这样，vite就会使用Babel来转换你的代码，并在浏览器中运行它。