首页 > 技术文章 > ES6和babel的恩怨纠葛

reamd 2016-10-08 11:13 原文

ES6踩坑之旅

babel埋坑指南

1.Babel的配置文件是.babelrc,存放在项目的根目录下。使用Babel的第一步,就是配置这个文件。
该文件用来设置转码规则和插件,基本格式如下:

{
  "presets": [],
  "plugins": []
}

ES2015转码规则:
npm install --save-dev babel-preset-es2015
然后将规则加入babel的配置文件中

{
  "presets": ["es2015"],
  "plugins": []
}

2.Babel默认只转换新的JavaScript句法(syntax),而不转换新的API,比如Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise等全局对象,以及一些定义在全局对象上的方法(比如Object.assign)都不会转码。
使用babel-polyfill,为当前环境提供一个垫片。

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

推荐阅读