//安装 polyfill
 npm install core-js --save
      
 //使用polyfill
 import "core-js"
  

• 方法二 babel-polyfill，包含了core-js 和regenerate-runtime (提供 async 语法编译后的运行时环境)。

 //安装 polyfill
 npm install babel-polyfill --save
    
 //使用polyfill
 import "babel-polyfill";

两种方法最终都会根据环境转译成特定的polyfill。 比如:

import "core-js/modules/es7.string.pad-start";
import "core-js/modules/es7.string.pad-end";
import "core-js/modules/web.timers";
import "core-js/modules/web.immediate";
import "core-js/modules/web.dom.ITerable";

在整个应用里只能引入一次polyfill，可以在 “main” 模块里一次引入。多次 imports 或 requires babel-polyfill 会引起报错，因为它可能导致全局冲突和其他难以追踪的问题。

例如

{
  "presets": [
    [ "env", {
      "targets": {
        "safari": 10 //目标运行平台为safari10
      },
      "modules": false,//不转换模块
      "useBuiltIns": true,//使用polyfill
      "debug": true 
    }]
  ]
}

四、运行原理

下载 babel-preset-env源码 ：https://github.com/babel/babe...

1、生成babel插件与平台的对应关系

定期执行 scripts/build-data.js用来生成最新的 build-ins.JSON 与 plugins.json

npm run build-data

1.1 使用 ECMA标准兼容性列表compat-table 确定平台（浏览器…）不同版本对js新特性的支持情况。

1.2 使用 data/build-in-features.js 、 data/plugin-features.js 确定babel插件与js新特性的映射关系，如下图

1.3 使用 ECMA标准兼容性列表 compat-table 与 data/build-in-features.js 、plugin-features.js 相匹配，来得到 babel的插件与各个平台版本的对应关系，如下build-ins.json中的部分代码

2、配置与解析tagets

使用browserslist 支持的有效的查询格式来书写配置中的targets， 在源码内部也会使用 browserslist 来解析这些信息

{
  "presets": [
    ["env", {
      "targets": {
        "browsers": ["last 2 versions", "safari >= 7"]
      }
    }]
  ]
}

3、确定在 preset 的插件中支持的最低浏览器版本。

如果你的项目需要支持 IE8 和 Chrome 55 。它必须包括IE8所支持的所有插件。

4、支持 "node": "current" 用来编译当前项目的node版本。

例如，如果你基于Node 6构建项目，箭头函数将不会被转换。但项目基于Node 0.12的时候，它们将会被转换