babel将es6转换为es5语法教程

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)

注意：package.json文件中的browserslist需支持ie环境，才可生效