@babel/preset-env useBuiltIns 说明

Posted 2022-08-08 amiezhang

推荐阅读：https://blog.hhking.cn/2019/04/02/babel-v7-update/

useBuiltIns

false

1	"useBuiltIns": false,

此时不对 polyfill 做操作。如果引入 @babel/polyfill，则无视配置的浏览器兼容，引入所有的 polyfill。

entry

1 2	"useBuiltIns": "entry", "corejs": 2,

根据配置的浏览器兼容，引入浏览器不兼容的 polyfill。需要在入口文件手动添加 import ‘@babel/polyfill‘，会自动根据 browserslist 替换成浏览器不兼容的所有 polyfill。

这里需要指定 core-js 的版本, 如果 "corejs": 3, 则 import ‘@babel/polyfill‘ 需要改成

1 2	import ‘core-js/stable‘; import ‘regenerator-runtime/runtime‘;

 

usage

1 2	"useBuiltIns": "usage", "corejs": 2,

usage 会根据配置的浏览器兼容，以及你代码中用到的 API 来进行 polyfill，实现了按需添加。