搭建了一个 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, }, ], ], }), ], }, });
