## 一、配置文件`.babelrc`
Babel的配置文件是`.babelrc`,存放在項目的根目錄下。使用Babel的第一步,就是配置這個文件。
該文件用來設置轉碼規則和插件,基本格式如下。
~~~
{
"presets": [],
"plugins": []
}
~~~
`presets`字段設定轉碼規則,官方提供以下的規則集,你可以根據需要安裝。
~~~
# 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
~~~
然后,將這些規則加入`.babelrc`。
~~~
{
"presets": [
"es2015",
"react",
"stage-2"
],
"plugins": []
}
~~~
注意,以下所有Babel工具和模塊的使用,都必須先寫好`.babelrc`。