配置 Babel

    这是因为我们还没告诉 Babel 要做什么。

    你可以通过安装插件(plugins)预设(presets,也就是一组插件)来指示 Babel 去做什么事情。

    在我们告诉 Babel 该做什么之前,我们需要创建一个配置文件。你需要做的就是在项目的根路径下创建 文件。然后输入以下内容作为开始:

    这个文件就是用来让 Babel 做你要它做的事情的配置文件。

    我们需要安装 "es2015" Babel 预设:

    1. $ npm install --save-dev babel-preset-es2015

    我们修改 .babelrc 来包含这个预设。

    设置 React 一样容易。只需要安装这个预设:

    1. $ 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。.

    使用的时候只需要安装你想要的阶段就可以了:

    1. $ npm install --save-dev babel-preset-stage-2