babel
插件可以转换es6语法,新的api如:object.assign
则需要添加@babel/polyfill
插件
用法:
- 安装相关的包
yarn add @babel/core @babel/cli @babel/preset-env --dev
yarn add @babel/polyfill
// 注意:@babel/polyfill是source code前运行的,所以安装的时候不能加--dev
- 使用
// .babelrc文件
{
"presets": [
[
"@babel/env",
{
"targets": {
"edge": "17",
"firefox": "60",
"chrome": "67",
"safari": "11.1",
"ie": "9"
},
"useBuiltIns": "usage", // 仅包括所需的polyfills
}
]
]
}
-
fetch
需要另外的polyfill
yarn add whatwg-fetch
import "whatwg-fetch"
window.fetch(url)
<span style="color:red">注意:package.json
文件中的browserslist
需支持ie环境,才可生效</span>