react支持Mobx修饰符和es7（async）语法配置

使用create-react-app脚手架创建项目后，发现不知道mobx修饰符和async语法。

百度后解决：

修饰符：

npm install --save-dev babel-preset-es2015

npm install --save-dev babel-plugin-transform-decorators-legacy

npm install --save-dev  babel-preset-stage-1

在根目录添加.babelrc文件

{ "presets": [ "es2015", "react", "stage-1" ], "plugins": ["transform-decorators-legacy"] }

async：

https://segmentfault.com/a/1190000009065987

安装

注意：生产版本(Production) vs 开发版本(development)依赖

在大多数情况下，你需要安装babel-plugin-transform-runtime作为开发版本的依赖（设置--save-dev）。

npm install --save-dev babel-plugin-transform-runtime

并且babel-runtime作为生产版本依赖（设置 --save）

npm install --save babel-runtime

转换器插件一般只用在开发时，而里面的实际垫片(runtime itself)的代码在你部署或发布库时是需要放到其中的。

请看下面的例子

用法

通过.babelrc（推荐）

把下面的代码添加到你的babelrc文件中（这里说的是两种情况）：

默认设置选项时的写法

{"plugins": ["transform-runtime"]}

使用自己设置设置

{"plugins": [    ["transform-runtime", {"helpers":false,"polyfill":false,"regenerator":true,"moduleName":"babel-runtime"}]  ]}