搭建了一个 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，如何解决？的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
894
收藏
