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