在Babel 7中,默认情况下不包含polyfills。但是,你可以使用 @babel/preset-env 配置来添加所需的polyfills。
首先,确保已经安装了 @babel/preset-env:
npm install --save-dev @babel/preset-env
然后,在你的 Babel 配置文件(通常是 .babelrc 或 babel.config.js)中,将 @babel/preset-env 添加到 presets 数组中:
{
"presets": [
"@babel/preset-env"
]
}
接下来,你需要在你的代码中使用需要的polyfills。你可以使用 core-js 提供的polyfills。安装 core-js:
npm install --save core-js
然后,在你的代码的入口文件中,导入所需的polyfills。例如,如果你需要使用 Promise 和 Array.from:
import 'core-js/features/promise';
import 'core-js/features/array/from';
现在,当你使用 Babel 7 编译你的代码时,它将包含所需的 polyfills。
请注意,使用 @babel/preset-env 可能会根据目标环境自动确定要添加的polyfills。你也可以通过在配置文件中设置目标环境选项来自定义polyfills的添加:
{
"presets": [
[
"@babel/preset-env",
{
"targets": {
"browsers": ["last 2 versions", "ie >= 11"]
}
}
]
]
}
这将根据最近的2个浏览器版本和IE 11的目标环境添加polyfills。
希望这可以帮助到你!