babel #

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

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

const double = n => n * n;

转译为:

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

安装Babel #

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

npm install --global babel-cli

命令行下使用Babel #

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

$ babel es6.js

配置 Babel #

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

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

babel-preset-es2015 #

把ES6编译成 ES5

安装依赖的预设

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

修改.babelrc

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

babel-preset-stage-x ES7提案 #

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

四个阶段对应的模块

安装依赖模块 #

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

配置.babelrc

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

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

资源链接 #