Babel 將 ES6 語法轉成 ES5

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

安裝 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 表示全局安裝 

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

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

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

{
   "presets" : [
        "es2015"
    ]
}

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

babel  es6file.js   -o  es2015.js 

OK, 通過 BabelEs6 轉換成 Es5 就是這么簡單

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末算芯,一起剝皮案震驚了整個濱河市柒昏,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌熙揍,老刑警劉巖职祷,帶你破解...
    沈念sama閱讀 219,270評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡有梆,警方通過查閱死者的電腦和手機是尖,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,489評論 3 395
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來泥耀,“玉大人饺汹,你說我怎么就攤上這事√荡撸” “怎么了兜辞?”我有些...
    開封第一講書人閱讀 165,630評論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀的道長夸溶。 經(jīng)常有香客問我弦疮,道長,這世上最難降的妖魔是什么蜘醋? 我笑而不...
    開封第一講書人閱讀 58,906評論 1 295
  • 正文 為了忘掉前任胁塞,我火速辦了婚禮,結果婚禮上压语,老公的妹妹穿的比我還像新娘啸罢。我一直安慰自己,他們只是感情好胎食,可當我...
    茶點故事閱讀 67,928評論 6 392
  • 文/花漫 我一把揭開白布扰才。 她就那樣靜靜地躺著,像睡著了一般厕怜。 火紅的嫁衣襯著肌膚如雪衩匣。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,718評論 1 305
  • 那天粥航,我揣著相機與錄音琅捏,去河邊找鬼。 笑死递雀,一個胖子當著我的面吹牛柄延,可吹牛的內容都是我干的。 我是一名探鬼主播缀程,決...
    沈念sama閱讀 40,442評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼搜吧,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了杨凑?” 一聲冷哼從身側響起滤奈,我...
    開封第一講書人閱讀 39,345評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎撩满,沒想到半個月后蜒程,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體绅你,經(jīng)...
    沈念sama閱讀 45,802評論 1 317
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,984評論 3 337
  • 正文 我和宋清朗相戀三年搞糕,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片曼追。...
    茶點故事閱讀 40,117評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡窍仰,死狀恐怖,靈堂內的尸體忽然破棺而出礼殊,到底是詐尸還是另有隱情驹吮,我是刑警寧澤,帶...
    沈念sama閱讀 35,810評論 5 346
  • 正文 年R本政府宣布晶伦,位于F島的核電站碟狞,受9級特大地震影響,放射性物質發(fā)生泄漏婚陪。R本人自食惡果不足惜族沃,卻給世界環(huán)境...
    茶點故事閱讀 41,462評論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望泌参。 院中可真熱鬧脆淹,春花似錦、人聲如沸沽一。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,011評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽铣缠。三九已至烘嘱,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間蝗蛙,已是汗流浹背蝇庭。 一陣腳步聲響...
    開封第一講書人閱讀 33,139評論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留捡硅,地道東北人遗契。 一個月前我還...
    沈念sama閱讀 48,377評論 3 373
  • 正文 我出身青樓,卻偏偏與公主長得像病曾,于是被迫代替她去往敵國和親牍蜂。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 45,060評論 2 355

推薦閱讀更多精彩內容