Vite打包后ES6空值合并运算符未转为ES5，如何解决？

搭建了一个 js 库后，使用 vite 和 babel 转换 es6 代码到 es5，但遇到以下问题：

问题：

打包后的源代码未将 es6 空值合并运算符转为 es5，导致在其他项目中安装和启动项目时出现错误。

配置：

export default defineconfig({
  rollupoptions: {
    plugins: [
      babel({
        babelhelpers: "bundled",
        exclude: "node_modules/**",
        presets: [
          [
            "@babel/preset-env",
            {
              targets: {
                browsers: "> 0.25%, not dead", // 设定目标浏览器
              },
              usebuiltins: "entry",
              corejs: 3,
            },
          ],
        ],
      }),
    ],
  },
});

根因：

目标浏览器的设定太宽松，不支持 es6 空值合并运算符。

解决方案：

将目标浏览器设定为一个更具体且支持 es6 空值合并运算符的版本，例如：

export default defineConfig({
  rollupOptions: {
    plugins: [
      babel({
        babelHelpers: "bundled",
        exclude: "node_modules/**",
        presets: [
          [
            "@babel/preset-env",
            {
              targets: {
                browsers: "Chrome >= 100", // 设定目标浏览器为 Chrome 100 及以上版本
              },
              useBuiltIns: "entry",
              corejs: 3,
            },
          ],
        ],
      }),
    ],
  },
});

以上就是Vite打包后ES6空值合并运算符未转为ES5，如何解决？的详细内容，更多请关注硕下网其它相关文章！