Babel是一個廣泛應用的轉碼器，可以將ES6代碼轉為ES5代碼，從而在現有環境執行。意味著可以使用ES6編寫程序，而不用擔心現有環境是否支持。

Babel的配置文件是.babelrc，存放在項目的根目錄下。使用Babel的第一步，就是配置這個文件。該文件用來設置轉碼規則和插件，基本格式如下：

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

presets字段設定轉碼規則，官方提供以下的規則集，可根據需要安裝：

 1 # ES2015轉碼規則
 2 $ npm install --save-dev babel-preset-es2015
 
 3 
 4 # react轉碼規則
 5 $ npm install --save-dev babel-preset-react
 6 
 7 # ES7不同階段語法提案的轉碼規則（共有4個階段），選裝一個
 8 $ npm install --save-dev babel-preset-stage-0
 9 $ npm install --save-dev babel-preset-stage-1
10 $ npm install --save-dev babel-preset-stage-2
11 $ npm install --save-dev babel-preset-stage-3

然後將這些規則加入.babelrc中。

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

在特定環境的時候，可以用env選項來設置特定的配置：

{
    "presets": ["env"]
}

可以設置一些選項，這裏介紹常用幾種：

targets　　指定運行環境

targets.node　　指定node版本

targets.browsers　　指定瀏覽器版本

具體配置書寫方式如下：

{
    
 
"presets": [
        ["env", {
            "targets": {
                "node": "8.9.1"
            }
        }],
        ["stage-0"]
    ]
}

babel配置文件.babelrc