怎么在Vite里面配置Babel 的方法？

Question

安卓手机不适配?.（可选链），需要配置babel来进行转换，但是不知道在vite.config.js里如何写。求教，谢谢；
这个babel 还是没解决

Answer 1

使用这个插件就可以了 https://www.npmjs.com/package...

yarn add -D vite-babel-plugin

// vite.config.js

import babel from "vite-babel-plugin";

export default {
  plugins: [
    babel(),
  ],
};

Answer 2

用官方的 @vitejs/plugin-legacy 插件不就好了么?
用了Vite为啥还要用babel？

Answer 3

给后来者，使用此方法成功解决问题：
https://www.cnblogs.com/cynthia-wuqian/p/17508090.html

import esbuild from 'rollup-plugin-esbuild'

export default defineConfig({
    plugins: [
        {
            ...esbuild({
                target: 'chrome70',
                include: /\.vue|.ts|.js$/,
                loaders: {
                    '.vue': 'js'
                }
            }),
            enforce: 'post'
        }

    ],
})