babel

一、參考文檔：http://es6.ruanyifeng.com/#docs/intro（阮一峯的 第二章）

二、步驟： 1：配置.babelrc

               2：前兩個必須裝 最後一個選一個

# 最新轉碼規則
$ 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

          3：而後，將這些規則加入.babelrc

  {
    "presets": [
      "latest",
      "react",
      "stage-2"
    ],
    "plugins": []
  }

           4：Babel 提供babel-cli工具，用於命令行轉碼，它的安裝命令以下。

$ npm install --global babel-cli

           5：基本命令

# 轉碼結果輸出到標準輸出
$ babel example.js

# 轉碼結果寫入一個文件
# --out-file 或 -o 參數指定輸出文件
$ babel example.js --out-file compiled.js
# 或者
$ babel example.js -o compiled.js

# 整個目錄轉碼
# --out-dir 或 -d 參數指定輸出目錄
$ babel src --out-dir lib
# 或者
$ babel src -d lib

# -s 參數生成source map文件
$ babel src -d lib -s

             6：或將babel-cli安裝在項目之中。

$ npm install --save-dev babel-cli

           7：而後，改寫package.json

{
  // ...
  "devDependencies": {
    "babel-cli": "^6.0.0"
  },
  "scripts": {
    "build": "babel src -d lib"
  },
}

          8：轉碼後執行下面命令

$ npm run build