当前位置:  首页>> 技术小册>> babel入门指南

Babel的配置文件是.babelrc,存放在项目的根目录下。使用Babel的第一步,就是配置这个文件。

该文件用来设置转码规则和插件,基本格式如下。

  1. {
  2. "presets": [],
  3. "plugins": []
  4. }

presets字段设定转码规则,官方提供以下的规则集,你可以根据需要安装。

  1. # ES2015转码规则
  2. $ npm install --save-dev babel-preset-es2015
  3. # react转码规则
  4. $ npm install --save-dev babel-preset-react
  5. # ES7不同阶段语法提案的转码规则(共有4个阶段),选装一个
  6. $ npm install --save-dev babel-preset-stage-0
  7. $ npm install --save-dev babel-preset-stage-1
  8. $ npm install --save-dev babel-preset-stage-2
  9. $ npm install --save-dev babel-preset-stage-3

然后,将这些规则加入.babelrc。

  1. {
  2. "presets": [
  3. "es2015",
  4. "react",
  5. "stage-2"
  6. ],
  7. "plugins": []
  8. }

注意,以下所有Babel工具和模块的使用,都必须先写好.babelrc。


该分类下的相关小册推荐:

暂无相关推荐.