babel-polyfill转换新API | ibcLee's home

在新版创投圈开发中，我们使用react＋redux来开发个人中心部分，但是在测试浏览器兼容性的过程中，发现了一个问题，其实在babel的文档里早就说明了这个问题，但是一直没注意到。

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

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

安装命令如下

$ npm install --save babel-polyfill

然后在脚本头部，加入

import 'babel-polyfill';
//或者
require('babel-polyfill');

Babel默认不转码的API非常多，详细清单可以查看babel-plugin-transform-runtime模块的definitions.js文件。