webpack的簡(jiǎn)單打包

1.打包:可以把多個(gè)JavaScript文件打包成一個(gè)文件唯笙,減少服務(wù)器壓力和下載帶寬唆樊。

2.轉(zhuǎn)化:把拓展語(yǔ)言轉(zhuǎn)化成為普通的JavaScript冬筒,讓瀏覽器順利運(yùn)行

3.優(yōu)化:前端變的越來越復(fù)雜后浅碾,性能也會(huì)遇到問題挡逼,而webpack也開始肩負(fù)起了優(yōu)化和提升性能的責(zé)任

總的來說,其實(shí)WebPack可以看做是模塊打包機(jī)错邦。

一探赫、具體的安裝方法

1.新建一個(gè)webpack.config.js的配置文件

注意這里的webpack.config.js不可以設(shè)置為webpack-config.js,會(huì)識(shí)別不了的

module.exports={

entry:'./main.js',

output:{

filename:'bundle.js'

}

};

2.快捷鍵:win+R,輸入cmd

npm install -g webpack

3.webpack

二撬呢、Webpack 的多入口文件

1.直接在webpack.config.js文件寫入

module.exports={

entry:{

bundle1:'./main.js',

bundle2:'./main1.js',

},

output:{

filename:'[name].js'

}

};

2.運(yùn)行命令:webpack

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末伦吠,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌毛仪,老刑警劉巖搁嗓,帶你破解...
    沈念sama閱讀 217,084評(píng)論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異箱靴,居然都是意外死亡腺逛,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,623評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門衡怀,熙熙樓的掌柜王于貴愁眉苦臉地迎上來棍矛,“玉大人,你說我怎么就攤上這事狈癞∏芽浚” “怎么了?”我有些...
    開封第一講書人閱讀 163,450評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵蝶桶,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我掉冶,道長(zhǎng)真竖,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,322評(píng)論 1 293
  • 正文 為了忘掉前任厌小,我火速辦了婚禮恢共,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘璧亚。我一直安慰自己讨韭,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,370評(píng)論 6 390
  • 文/花漫 我一把揭開白布癣蟋。 她就那樣靜靜地躺著透硝,像睡著了一般。 火紅的嫁衣襯著肌膚如雪疯搅。 梳的紋絲不亂的頭發(fā)上濒生,一...
    開封第一講書人閱讀 51,274評(píng)論 1 300
  • 那天,我揣著相機(jī)與錄音幔欧,去河邊找鬼罪治。 笑死,一個(gè)胖子當(dāng)著我的面吹牛礁蔗,可吹牛的內(nèi)容都是我干的觉义。 我是一名探鬼主播,決...
    沈念sama閱讀 40,126評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼浴井,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼晒骇!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,980評(píng)論 0 275
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤厉碟,失蹤者是張志新(化名)和其女友劉穎喊巍,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體箍鼓,經(jīng)...
    沈念sama閱讀 45,414評(píng)論 1 313
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡崭参,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,599評(píng)論 3 334
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了款咖。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片何暮。...
    茶點(diǎn)故事閱讀 39,773評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖铐殃,靈堂內(nèi)的尸體忽然破棺而出海洼,到底是詐尸還是另有隱情,我是刑警寧澤富腊,帶...
    沈念sama閱讀 35,470評(píng)論 5 344
  • 正文 年R本政府宣布坏逢,位于F島的核電站,受9級(jí)特大地震影響赘被,放射性物質(zhì)發(fā)生泄漏是整。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,080評(píng)論 3 327
  • 文/蒙蒙 一民假、第九天 我趴在偏房一處隱蔽的房頂上張望浮入。 院中可真熱鬧,春花似錦羊异、人聲如沸事秀。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,713評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)易迹。三九已至,卻和暖如春筒愚,著一層夾襖步出監(jiān)牢的瞬間赴蝇,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,852評(píng)論 1 269
  • 我被黑心中介騙來泰國(guó)打工巢掺, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留句伶,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,865評(píng)論 2 370
  • 正文 我出身青樓陆淀,卻偏偏與公主長(zhǎng)得像考余,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子轧苫,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,689評(píng)論 2 354

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

  • 無(wú)意中看到zhangwnag大佬分享的webpack教程感覺受益匪淺楚堤,特此分享以備自己日后查看疫蔓,也希望更多的人看到...
    小小字符閱讀 8,164評(píng)論 7 35
  • 記得2004年的時(shí)候,互聯(lián)網(wǎng)開發(fā)就是做網(wǎng)頁(yè)身冬,那時(shí)也沒有前端和后端的區(qū)分衅胀,有時(shí)一個(gè)網(wǎng)站就是一些純靜態(tài)的html,通過...
    陽(yáng)陽(yáng)陽(yáng)一堆陽(yáng)閱讀 3,292評(píng)論 0 5
  • webpack 介紹 webpack 是什么 為什么引入新的打包工具 webpack 核心思想 webpack 安...
    yxsGert閱讀 6,464評(píng)論 2 71
  • 學(xué)習(xí)流程 參考文檔:入門Webpack酥筝,看這篇就夠了Webpack for React 一. 簡(jiǎn)單使用webpac...
    Jason_Zeng閱讀 3,138評(píng)論 2 16
  • 今天上午滚躯,媽媽剛做完飯就有客人來了,是爸爸的朋友嘿歌。我叫大爺掸掏,給我買來了香蕉和奶,我把香蕉給姐姐和胡成宙帝,可以們一起分享
    馬若維閱讀 158評(píng)論 0 0