webpack中配置babel轉(zhuǎn)碼-back

安裝babel-loade

npm install -sava babel-loader
處理非javascript文件
npm install -D babel-core
提供一系列api供babel使用
npm install -D babel-preset-env
使用哪種轉(zhuǎn)碼格式進(jìn)行處理

配置babel規(guī)則,在package.json中配置

 package.json猪杭。在package.json文件中增加一個(gè)“babel"屬性
  "babel":{ "presets": ["env"] }

在vue的config中配置model

   module: {  rules: [    {      test: /\.js$/,      exclude: /(node_modules|bower_components)/,      loader: 'babel-loader'    }  ]}

新建.babelrc配置文件

 轉(zhuǎn)換新的api,用到polyfil
 npm install --save babel-polyfill
 module.exports = {entry: ["babel-polyfill", "./app/js"]};

缺陷

babel不能完成轉(zhuǎn)換es6為es5,之前遇到過(guò)數(shù)組的concat無(wú)法轉(zhuǎn)換的問(wèn)題

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末合住,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子华望,更是在濱河造成了極大的恐慌狮辽,老刑警劉巖一也,帶你破解...
    沈念sama閱讀 219,589評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件巢寡,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡椰苟,警方通過(guò)查閱死者的電腦和手機(jī)抑月,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,615評(píng)論 3 396
  • 文/潘曉璐 我一進(jìn)店門(mén)舆蝴,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人洁仗,你說(shuō)我怎么就攤上這事〗信郑” “怎么了她奥?”我有些...
    開(kāi)封第一講書(shū)人閱讀 165,933評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)哩俭。 經(jīng)常有香客問(wèn)我,道長(zhǎng)凡资,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,976評(píng)論 1 295
  • 正文 為了忘掉前任带膜,我火速辦了婚禮鸳谜,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘咐扭。我一直安慰自己,他們只是感情好袜爪,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,999評(píng)論 6 393
  • 文/花漫 我一把揭開(kāi)白布薛闪。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪腊状。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 51,775評(píng)論 1 307
  • 那天缴挖,我揣著相機(jī)與錄音焚辅,去河邊找鬼。 笑死棚点,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的乙濒。 我是一名探鬼主播卵蛉,決...
    沈念sama閱讀 40,474評(píng)論 3 420
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼甘有!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起亏掀,我...
    開(kāi)封第一講書(shū)人閱讀 39,359評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤泛释,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后间影,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,854評(píng)論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡魂贬,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,007評(píng)論 3 338
  • 正文 我和宋清朗相戀三年付燥,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了愈犹。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片键科。...
    茶點(diǎn)故事閱讀 40,146評(píng)論 1 351
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡萝嘁,死狀恐怖梆掸,靈堂內(nèi)的尸體忽然破棺而出牙言,到底是詐尸還是另有隱情怪得,我是刑警寧澤,帶...
    沈念sama閱讀 35,826評(píng)論 5 346
  • 正文 年R本政府宣布蚕断,位于F島的核電站入挣,受9級(jí)特大地震影響亿乳,放射性物質(zhì)發(fā)生泄漏径筏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,484評(píng)論 3 331
  • 文/蒙蒙 一聊训、第九天 我趴在偏房一處隱蔽的房頂上張望恢氯。 院中可真熱鬧,春花似錦勋拟、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,029評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)杂彭。三九已至吓揪,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間柠辞,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,153評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工习勤, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人图毕。 一個(gè)月前我還...
    沈念sama閱讀 48,420評(píng)論 3 373
  • 正文 我出身青樓予颤,卻偏偏與公主長(zhǎng)得像囤官,于是被迫代替她去往敵國(guó)和親蛤虐。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,107評(píng)論 2 356

推薦閱讀更多精彩內(nèi)容

  • babel官網(wǎng) babel 介紹 Babel 是一個(gè)通用的多用途 JavaScript 編譯器刑顺。通過(guò) Babel ...
    鋒享前端閱讀 1,820評(píng)論 0 10
  • Babel是一個(gè)廣泛使用的轉(zhuǎn)碼器饲常,可以將ES6代碼轉(zhuǎn)為ES5代碼,從而在現(xiàn)有環(huán)境執(zhí)行不皆。 這意味著,你可以現(xiàn)在就用 ...
    yichen_china閱讀 1,312評(píng)論 0 3
  • 作者:小 boy (滬江前端開(kāi)發(fā)工程師)本文原創(chuàng),轉(zhuǎn)載請(qǐng)注明作者及出處枕磁。原文地址:https://www.smas...
    iKcamp閱讀 2,760評(píng)論 0 18
  • babel 6與之前版本的區(qū)別: 之前版本只要安裝一個(gè)babel就可以用了,所以之前的版本包含了一大堆的東西茸苇,這也...
    _花閱讀 1,573評(píng)論 0 2
  • Babel 入門(mén)指南 ?:warning: 注意:Babel 可以與很多構(gòu)建工具(如 Browserify沦寂、Gru...
    靜默虛空閱讀 2,547評(píng)論 0 4