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










