搭建了一个 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，如何解决？的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2650204.html
