ES6代碼轉爲ES5代碼

Babel是一個轉碼器，能夠將ES6代碼轉爲ES5代碼，從而在現有環境執行。

• Babel的配置文件是.babelrc，存放在項目的根目錄下,用來設置轉碼規則和插件!

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

能夠按照的轉碼規則

# ES2015轉碼規則
$ npm install --save-dev babel-preset-es2015

# react轉碼規則
$ npm install --save-dev babel-preset-react

# ES7不一樣階段語法提案的轉碼規則（共有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

 

• 安裝babel命令行轉碼工具babel-cli，用於命令行轉碼。

$ npm install --global babel-cli

#轉碼命令
#生成轉碼後的文件
$ babel test.js -o babel.test.js
#整個目錄轉碼
$ babel src -d lib

#直接運行ES6代碼
$ babel-node test.js

• 項目中用babel-node替代node，這樣就能夠不用轉碼運行
• 在package.json文件中修改以下

  {
    "scripts": {
      "script-name": "babel-node test.js"
    }
  }