使用create-react-app腳手架創(chuàng)建項目后，發(fā)現(xiàn)不知道m(xù)obx修飾符和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

安裝

注意：生產(chǎn)版本(Production) vs 開發(fā)版本(development)依賴

在大多數(shù)情況下，你需要安裝babel-plugin-transform-runtime作為開發(fā)版本的依賴（設(shè)置--save-dev）。

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

并且babel-runtime作為生產(chǎn)版本依賴（設(shè)置 --save）

npm?install?--save babel-runtime

轉(zhuǎn)換器插件一般只用在開發(fā)時，而里面的實際墊片(runtime itself)的代碼在你部署或發(fā)布庫時是需要放到其中的。

請看下面的例子

用法

通過.babelrc（推薦）

把下面的代碼添加到你的babelrc文件中（這里說的是兩種情況）：

默認設(shè)置選項時的寫法

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

使用自己設(shè)置設(shè)置

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