## 一、配置文件`.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`。