（1）什么是Babel？

Babel是一個(gè)廣泛使用的ES6轉(zhuǎn)碼器，可以將ES6代碼轉(zhuǎn)為ES5代碼，從而在現(xiàn)有環(huán)境執(zhí)行。

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

當(dāng)是有一小部分，瀏覽器并不支持，所以需要使用babel進(jìn)行轉(zhuǎn)碼

（2）如何使用babel？

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

? ? ? ? ?babel-preset-es2015? 是用來轉(zhuǎn)碼的具體規(guī)則

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

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

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

? ? ? ? ?
?? ?

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

到此就完成了
? ? ? ?

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。