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