牛骨文教育服务平台(让学习变的简单)

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