Babel

Babel 是一个广泛使用的 ES6 转码器，可以将 ES6 代码转为 ES5 代码，从而在现有环境执行。

1、配置文件 .babelrc

存放在项目根目录，用来设置转码规则和插件

presets字段设定转码规则，官方提供以下规则集：
# 最新转码规则
$ npm install --save-dev babel-preset-latest

# react 转码规则
$ npm install --save-dev babel-preset-react

# 不同阶段语法提案的转码规则（共有4个阶段），选装一个
$ npm install --save-dev babel-preset-stage-0
$ npm install --save-dev babel-preset-stage-1
$ npm install --save-dev babel-preset-stage-2
$ npm install --save-dev babel-preset-stage-3

 

2、babel-cli 命令行转码

安装：npm install --save-dev babel-cli

3、babel-node

babel-cli工具自带一个babel-node命令，提供一个支持 ES6 的 REPL 环境。它支持 Node 的 REPL 环境的所有功能，而且可以直接运行 ES6 代码。它不用单独安装，而是随babel-cli一起安装。然后，执行babel-node就进入 REPL 环境。

4、babel-register

babel-register模块改写require命令，为它加上一个钩子。此后，每当使用require加载.js、.jsx、.es和.es6后缀名的文件，就会先用 Babel 进行转码。使用时，必须首先加载babel-register。

安装：npm install --save-dev babel-register

5、babel-core

如果某些代码需要调用 Babel 的 API 进行转码，就要使用babel-core模块。

安装：npm install babel-core --save

6、babel-polyfill

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

如果想要使用这些新的API 就要使用babel-polyfill为当前环境提供一个垫片

安装：npm install --save babel-polyfill