1.手動在專案裡建立檔案.babelrc
2.安裝
$ npm install --save-dev babel-cli # ES2015转码规则 $ npm install --save-dev babel-preset-es2015 # react转码规则 $ npm install --save-dev babel-preset-react # ES7不同阶段语法提案的转码规则(共有4个阶段),选装一个 $ npm install --save-dev babel-preset-stage-0$ npm install --save-dev babel-preset-stage-1$ npm install --save-dev babel-preset-stage-2$ npm install --save-dev babel-preset-stage-3
3.手動修改 .babelrc檔案
{"presets": [ "es2015", "react", "stage-2"],"plugins": [] }
4,修改package.json文件,實現自動化轉碼,copy的時候請去掉註釋
{ "scripts": {"build": "babel src -d dist" //这句表示把src目录下的文件自动转码到dist目录下,dist目录是自动创建的 }, }
4.命令列輸入以下命令進行轉碼
babel src -d dist
#
以上是babel在專案中是如何使用的?的詳細內容。更多資訊請關注PHP中文網其他相關文章!