babel

babel #

Babel是一个通用的多用途JavaScript编译器

例如,Babel能够将新的ES6箭头函数语法：

const double = n => n * n;

转译为：

const double = function square(n) {
  return n * n;
};

Babel的CLI是一种在命令行下使用Babel编译文件的简单方法全局安装

npm install --global babel-cli

这将把编译后的结果直接输出至终端

$ babel es6.js

Babel是一个通用编译器，因此默认情况下它反而什么都不做,你必须明确地告诉Babel应该要做什么在项目根目录下创建.babelrc文件,这是用来让Babel做你要它做的事情的配置文件

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

把ES6编译成 ES5

安装依赖的预设

$ npm install --save-dev babel-preset-es2015

修改.babelrc

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

JavaScript还有一些提案还没有完全确定,分为5个阶段

Stage 0：strawman 稻草人在该阶段可以自由的使用任意方式提交推动ECMAScript发展的想法
Stage 1: proposal 提议阶段1是对所提交特性的正式建议。
Stage 2: draft 草案 babel-preset-stage-2 阶段2是将会出现标准中的第一个版本。此时，将会与出现在标准中的最终特性是差不多的。
Stage 3: canidate 候选此时提议已经接近完成，只需要得到提议实现方的反馈，以及由用户来进一步推动。
Stage 4: finished 完成提议将被包括到标准之中。

四个阶段对应的模块

npm install --save-dev babel-preset-stage-2

配置.babelrc

 "presets": [
+    "stage-2"
 ]

以上每种预设都依赖于紧随的后期阶段预设。例如，babel-preset-stage-1 依赖 babel-preset-stage-2，后者又依赖 babel-preset-stage-3