babel配置文件.babelrc

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"]
    ]
}