配置 Babel
这是因为我们还没告诉 Babel 要做什么。
你可以通过安装插件(plugins)或预设(presets,也就是一组插件)来指示 Babel 去做什么事情。
在我们告诉 Babel 该做什么之前,我们需要创建一个配置文件。你需要做的就是在项目的根路径下创建 文件。然后输入以下内容作为开始:
这个文件就是用来让 Babel 做你要它做的事情的配置文件。
我们需要安装 "es2015" Babel 预设:
- $ npm install --save-dev babel-preset-es2015
我们修改 .babelrc
来包含这个预设。
设置 React 一样容易。只需要安装这个预设:
- $ npm install --save-dev babel-preset-react
然后在 .babelrc
文件里补充:
这个流程分为 5(0-4)个阶段。 随着提案得到越多的关注就越有可能被标准采纳,于是他们就继续通过各个阶段,最终在阶段 4 被标准正式采纳。
以下是4 个不同阶段的(打包的)预设:
babel-preset-stage-2
babel-preset-stage-3
以上每种预设都依赖于紧随的后期阶段预设。例如,babel-preset-stage-1
依赖 babel-preset-stage-2
,后者又依赖 babel-preset-stage-3
。.
使用的时候只需要安装你想要的阶段就可以了:
- $ npm install --save-dev babel-preset-stage-2