首頁  >  文章  >  web前端  >  babel在專案中是如何使用的?

babel在專案中是如何使用的?

零下一度
零下一度原創
2017-06-25 09:37:211849瀏覽

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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn