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"}]  ]}

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容