（1）什么是Babel？

Babel是一個廣泛使用的ES6轉碼器，可以將ES6代碼轉為ES5代碼，從而在現有環境執行。

大部分es6語法，Chrome瀏覽器是可以直接支持的。

當是有一小部分，瀏覽器并不支持，所以需要使用babel進行轉碼

（2）如何使用babel？

? ? ?(1)第一步:安裝npm （安裝node就闊以了）
?? ? ?(2)安裝babel-cli 工具（全局）
? ? ? ? 安裝如下：
?? ? ? npm install babel-cli -g?
?? ? ??
?? ? (3)安裝babel-preset-es2015 和babel-preset-stage-2?

? ? ? ? ?babel-preset-es2015? 是用來轉碼的具體規則

安裝如下：
?? ? ? ? npm install babel-preset-es2015?

如果想要支持到es2017還需要安裝一個包babel-preset-stage-2?

安裝如下：
?? ??? ? npm install babel-preset-stage-2?
? ??
?? ?(4)第四步配置.babelrc 文件
?? ??? ??? ? {
?? ??? ??? ??? ? "presets":[
?? ??? ??? ??? ??? ? "es2015",
?? ??? ??? ??? ??? ? "stage-2"
?? ??? ??? ??? ? ]
?? ??? ??? ? }
? ? ? ? 創建這個文件時，必須用編輯器完成

? ? ? ? ?
?? ?

(5)執行命令
?? ? ?
?? ? ? babel? ? 源文件的名字 -o? ? ? ? ?目標文件的名字
?? ? ? babel? ? 源文件夾的名字 -d? ? ? ? ?目標文件夾

到此就完成了
? ? ? ?

總結

以上是生活随笔為你收集整理的Babel的安装和使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。