Babel-polyfill 的作用

Babel-polyfill 的作用

Babel 包含一个可自定义的 regenerator runtime 和 core-js 的 polyfill。
它会仿效一个完整的 ES2015+ 环境，并意图运行于一个应用中而不是一个库/工具。
preset与plugin的关系:
preset中已经包含了一组用来转换ES6+的语法的插件,如果只使用少数新特性而非大多数新特性,可以不使用preset而只使用对应的转换插件
babel默认只转换语法,而不转换新的API,如需使用新的API,还需要使用对应的转换插件或者polyfill

默认情况下babel可以将箭头函数，class等语法转换为ES5兼容的形式，但是却不能转换Map，Set，Promise等新的全局对象，这时候就需要使用polyfill去模拟这些新特性

解释一：
Babel默认只转换新的JavaScript句法（syntax），而不转换新的API，比如Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise等全局对象，以及一些定义在全局对象上的方法（比如Object.assign）都不会转码。

举例来说，ES6在Array对象上新增了Array.from方法。Babel就不会转码这个方法。如果想让这个方法运行，必须使用babel-polyfill，为当前环境提供一个垫片。

解释二： 提示：polyfill 指的是“用于实现浏览器不支持原生功能的代码”，比如，现代浏览器应该支持 fetch
函数，对于不支持的浏览器，网页中引入对应 fetch 的 polyfill 后，这个 polyfill
就给全局的window对象上增加一个fetch函数，让这个网页中的 JavaScript 可以直接使用 fetch
函数了，就好像浏览器本来就支持 fetch 一样。在这个链接上 https://github.com/github/fetch 可以找到
fetch polyfill 的一个实现。

安装命令：

$ npm install --save babel-polyfill

脚本头部引入：

import ‘babel-polyfill’;// 或者require(‘babel-polyfill’);