@babel/preset-env useBuiltIns 說明

推薦閱讀：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，實現了按需添加。