babel

Bebal轉碼就是將es6代碼轉化為es5代碼的包,用于一些不支持es6的場景
第一步自然就是先要安裝對應的包了


npm i -g bebal-cli
npm i -s bebal-preset-es2015

這里我們要特別講一下npm 的這個-s -g -D 有什么區(qū)別
-s 就是 --save 就是寫入dependencise
-D 就是 --save-dev 就是寫入devDependencise
-g 就是 全局安裝 不加的話就是本地安裝 寫入./node_modules
那么dependencise 和 devDependencise有什么區(qū)別呢
前者是直接用于生產環(huán)境,后者是用于開發(fā)環(huán)境
就是一些類似打包的工具只需要放到開發(fā)環(huán)境就可以了,生產的時候并不需要

回到原來的話題,安裝好bebal包之后我們需要創(chuàng)建一個 .bebalrc 文件饰剥,(注意不要前面加命名,只需要.bebal這個點和后綴就可以,本人親自踩坑)

在.bebalrc文件里寫入

{
    "presets":["es2015"]
}

意思就是將es6(es2015)轉化為es5代碼的意思
然后在終端輸入轉化指令就可以了

babel es6.js -o es5.js //(-o 就是 --out-file)
 //如果是整一個文件夾轉化的話
babel -d es5Dir  es6Dir  (es6Dir是es6的文件夾聋亡,es5Dir是轉化后生成的新的es5文件夾)
//如果需要添加source map文件的話在后面加一個-s
//本人再次踩坑,es6 的源文件應該放在后面
?著作權歸作者所有,轉載或內容合作請聯系作者
  • 序言:七十年代末掖蛤,一起剝皮案震驚了整個濱河市杀捻,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖致讥,帶你破解...
    沈念sama閱讀 221,820評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件仅仆,死亡現場離奇詭異,居然都是意外死亡垢袱,警方通過查閱死者的電腦和手機墓拜,發(fā)現死者居然都...
    沈念sama閱讀 94,648評論 3 399
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來请契,“玉大人咳榜,你說我怎么就攤上這事∷叮” “怎么了涌韩?”我有些...
    開封第一講書人閱讀 168,324評論 0 360
  • 文/不壞的土叔 我叫張陵,是天一觀的道長氯夷。 經常有香客問我臣樱,道長,這世上最難降的妖魔是什么腮考? 我笑而不...
    開封第一講書人閱讀 59,714評論 1 297
  • 正文 為了忘掉前任雇毫,我火速辦了婚禮,結果婚禮上踩蔚,老公的妹妹穿的比我還像新娘棚放。我一直安慰自己,他們只是感情好馅闽,可當我...
    茶點故事閱讀 68,724評論 6 397
  • 文/花漫 我一把揭開白布飘蚯。 她就那樣靜靜地躺著,像睡著了一般捞蛋。 火紅的嫁衣襯著肌膚如雪孝冒。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,328評論 1 310
  • 那天拟杉,我揣著相機與錄音庄涡,去河邊找鬼。 笑死搬设,一個胖子當著我的面吹牛穴店,可吹牛的內容都是我干的。 我是一名探鬼主播拿穴,決...
    沈念sama閱讀 40,897評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼泣洞,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了默色?” 一聲冷哼從身側響起球凰,我...
    開封第一講書人閱讀 39,804評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后呕诉,有當地人在樹林里發(fā)現了一具尸體缘厢,經...
    沈念sama閱讀 46,345評論 1 318
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 38,431評論 3 340
  • 正文 我和宋清朗相戀三年甩挫,在試婚紗的時候發(fā)現自己被綠了贴硫。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,561評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡伊者,死狀恐怖英遭,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情亦渗,我是刑警寧澤挖诸,帶...
    沈念sama閱讀 36,238評論 5 350
  • 正文 年R本政府宣布,位于F島的核電站央碟,受9級特大地震影響税灌,放射性物質發(fā)生泄漏均函。R本人自食惡果不足惜亿虽,卻給世界環(huán)境...
    茶點故事閱讀 41,928評論 3 334
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望苞也。 院中可真熱鬧洛勉,春花似錦、人聲如沸如迟。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,417評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽殷勘。三九已至此再,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間玲销,已是汗流浹背输拇。 一陣腳步聲響...
    開封第一講書人閱讀 33,528評論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留贤斜,地道東北人策吠。 一個月前我還...
    沈念sama閱讀 48,983評論 3 376
  • 正文 我出身青樓,卻偏偏與公主長得像瘩绒,于是被迫代替她去往敵國和親猴抹。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 45,573評論 2 359

推薦閱讀更多精彩內容

  • babel官網 babel 介紹 Babel 是一個通用的多用途 JavaScript 編譯器锁荔。通過 Babel ...
    鋒享前端閱讀 1,826評論 0 10
  • 一蟀给、ES6 參考 http://es6.ruanyifeng.com/ ECMAScript當前所有提案 Git...
    pifoo閱讀 11,845評論 1 13
  • 相信很多新手沒有聽說過Babel和ES6,如果你是老手的話,那么請自動忽略~ ES6也就是ECMAScript 6...
    penggelies07閱讀 1,932評論 0 6
  • babel 6與之前版本的區(qū)別: 之前版本只要安裝一個babel就可以用了跋理,所以之前的版本包含了一大堆的東西拍霜,這也...
    _花閱讀 1,576評論 0 2
  • babel 7 的使用的個人理解 最近看了很多關于babel的使用方法,大部分在一些點上都沒有說明白薪介,同時給出的代...
    zshawk1982閱讀 21,029評論 14 43