babel - Vite打包组件库后空值合并运算符？？导致编译报错，如何解决？

Question

使用vite打包组件库，打包出来的代码含有空值合并运算符？？ ，导致安装的项目编译报错。实在是不知道哪里配错了，救救孩子吧～～vite.config.js配置如下。babel有升级到7。。。。

import { defineConfig } from "vite";import react from "@vitejs/plugin-react";import { libInjectCss } from "vite-plugin-lib-inject-css";import babel from "@rollup/plugin-babel";import vitePluginImp from "vite-plugin-imp";export default defineConfig({  esbuild: {    loader: "jsx",  },  optimizeDeps: {    esbuildOptions: {      loader: {        ".js": "jsx",      },    },  },  plugins: [    react(),    babel({      babelHelpers: "bundled",      exclude: /node_modules/,      plugins: ["@babel/plugin-transform-nullish-coalescing-operator"],      presets: [        [          "@babel/preset-env",          {            targets: "> 0.25%, not dead",          },        ],        "@babel/preset-react",      ],    }),    libInjectCss(),  ],  build: {    outDir: "dist/umd",    lib: {      formats: ["umd"],      entry: "lib/main.js",      name: "DadaMobileUi",      fileName: (format) => `dada-mobile-ui.${format}.js`,    },    rollupOptions: {      external: [        "react",        "react-dom",        "react/jsx-runtime",        "prop-types",        "@nutui/nutui-react",      ],      output: {        globals: {          react: "React",          "react-dom": "ReactDOM",          "react/jsx-runtime": "ReactJsxRuntime",          "prop-types": "PropTypes",          "@nutui/nutui-react": "nutuiReact",        },      },    },  },  css: {    plugins: [      require("autoprefixer")({        overrideBrowserslist: [          "> 0.5%",          "last 2 versions",          "ie > 11",          "iOS >= 10",          "Android >= 5",        ],      }),    ],  },});

实在是不知道哪里配错了，救救孩子吧

Answer 1

试试

[    "@babel/preset-env",    {        "targets": "> 0.15%, not dead"    }]