Babel 將 ES6 語法轉(zhuǎn)成 ES5

ES6 至今已經(jīng)算是比較很火了, 也多了很多新功能,比如塊級作用域、常量、箭頭函數(shù)等等, 雖然我們寫的是ES6 , 但是一般都會轉(zhuǎn)換成 ES5 ,有兩款比較出名的插件可以用來轉(zhuǎn)換:Babeljspm, 那么這里就使用 Babel 來轉(zhuǎn)換

安裝 Babel
不管的 Babel 還是 jspm 都是基于 Nodenpm (psnpmNode 的一款包安裝工具,地位等同于 Pythonpip,Rubygem ) 安裝的,如果沒有安裝 Node 的話,建議先去安裝一個 Node, 然后再繼續(xù),那么我們怎么才能知道是否安裝了 Node 以及 npm,很簡單,打開命令行,輸入 node -v 以及 npm -v

node -v && npm -v

那么,接下來我們就可以安裝我們的 Babel了,

npm install  babel-cli  -g 
//  -g 表示全局安裝 

當(dāng)然,僅僅是這個還是不夠的,我們還需要在項(xiàng)目中執(zhí)行下 npm init,然后一路回車,最后選擇 yes ,最后會在項(xiàng)目的文件中產(chǎn)生一個 package.json 的文件,我們還需要再次安裝

npm install babel-cli  --save-dev
npm install babel-preset-es2015  --save-dev
//   --save-dev 表示是安裝項(xiàng)目中的開發(fā)環(huán)境

你會發(fā)現(xiàn),安裝完折線,還沒有完,這時(shí)候,你是不是要罵娘了,其實(shí)還有最后一步,我們需要在項(xiàng)目的路徑中創(chuàng)建一個 .babelrc 這么文件,然后在里面寫入:

{
   "presets" : [
        "es2015"
    ]
}

這樣就可以了,然后接下來只需要執(zhí)行一條命令

babel  es6file.js   -o  es2015.js 

OK, 通過 BabelEs6 轉(zhuǎn)換成 Es5 就是這么簡單

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容