webpack問題解答

1、webpack的核心思想是什么椎椰?

1)entry(入口):一個可執(zhí)行模塊或者庫的入口。起點或是應用程序的起點入口沾鳄。請這個起點開始慨飘,應用程序啟動執(zhí)行。如果傳遞一個數組译荞,name數組的每一項都會執(zhí)行瓤的。動態(tài)加載的模塊不是入口起點【簡單規(guī)則:每個HTML頁面都有一個入口起點。單頁面應用(SPA):一個入口起點吞歼,多頁應用(MPA):多個入口起點】圈膏;
2)output(出口):指示webpack如何去輸出、以及在哪里輸出你的[bundle篙骡、asset和其他你所打包或使用webpack載入的任何內容]稽坤。output屬性告訴webpack在哪里輸出它所創(chuàng)建的bundles,以及如何命名這些文件糯俗,默認值為./dist尿褪。基本上得湘,整個應用程序結構杖玲,都會被編譯到你指定的輸出路徑的文件夾中;
3)Loader(加載器):文件轉換器忽刽。加載器會實現(xiàn)2個目標:a天揖、識別出應該被特定的加載器轉換的文件;b跪帝、轉換能夠被添加到依賴圖標的文件(并且最終打包)今膊;
4)Plugins(插件):擴展webpack功能的插件。在webpack構建的生命周期節(jié)點上加入擴展hook伞剑,添加功能斑唬。參與整個打包過程,可以進行打包優(yōu)化配置編譯的變量等黎泣,輔助(壓縮恕刘,混淆,代碼分割等)抒倚。

2褐着、webpack和rollup有什么區(qū)別?如何選擇是使用webpack還是rollup?

webpack:拆分代碼托呕,按需加載含蓉;
Rollup:所有資源放在同一個地方频敛,一次性加載,利用tree-shake特性來剔除項目中未使用的代碼馅扣,減少冗余斟赚,但是webpack已經逐漸支持tree-shake〔钣停【https://rollupjs.org/guide/en/
webpack相對來說擁有更大的社區(qū)支持拗军,資源更加齊全,文檔更加完整蓄喇,有更完整的插件庫发侵,如熱更新及web-server等;
結論
對于應用使用webpack公罕,對于類庫使用Rollup
如果你需要代碼拆分(Code Splitting)器紧,或者你有很多靜態(tài)資源需要處理,再或者你構建的項目需要引入很多CommonJS模塊的依賴楼眷,那么webpack是個很不錯的選擇铲汪。
如果你的代碼庫是基于ES2015模塊的,而且希望你寫的代碼能夠被他人直接使用罐柳,你需要的打包工具可能是Rollup掌腰。

3、webpack中的resolve.modules和resolve.alias有什么區(qū)別张吉?

resolve.alias:創(chuàng)建import或require的別名齿梁,來確保模塊引入變的更簡單。
resolve.modules:告訴webpack解析模塊時應該搜索的目錄肮蛹。絕對路徑和相對路徑都能使用勺择,但是要知道它們之間有一點差異。相對路徑:通過查看當前目錄以及祖先路徑(即:./node-modules伦忠,../node-modules等等)省核,類似于Node查找‘node-modules’查找。絕對路徑:只在給定目錄中搜索昆码。

4气忠、webpack是如何處理模塊化的?

模塊:在模塊化編程中赋咽,開發(fā)者講程序分解為功能離散的chunk旧噪,稱之為模塊。
webpack是通過模擬module脓匿,exports淘钟, require變量,將我們的模塊代碼打包成一個文件陪毡,讓瀏覽器可以運行我們的模塊代碼日月。

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末袱瓮,一起剝皮案震驚了整個濱河市缤骨,隨后出現(xiàn)的幾起案子爱咬,更是在濱河造成了極大的恐慌,老刑警劉巖绊起,帶你破解...
    沈念sama閱讀 222,807評論 6 518
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件精拟,死亡現(xiàn)場離奇詭異,居然都是意外死亡虱歪,警方通過查閱死者的電腦和手機蜂绎,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,284評論 3 399
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來笋鄙,“玉大人师枣,你說我怎么就攤上這事∠袈洌” “怎么了践美?”我有些...
    開封第一講書人閱讀 169,589評論 0 363
  • 文/不壞的土叔 我叫張陵,是天一觀的道長找岖。 經常有香客問我陨倡,道長,這世上最難降的妖魔是什么许布? 我笑而不...
    開封第一講書人閱讀 60,188評論 1 300
  • 正文 為了忘掉前任兴革,我火速辦了婚禮,結果婚禮上蜜唾,老公的妹妹穿的比我還像新娘杂曲。我一直安慰自己,他們只是感情好袁余,可當我...
    茶點故事閱讀 69,185評論 6 398
  • 文/花漫 我一把揭開白布擎勘。 她就那樣靜靜地躺著,像睡著了一般泌霍。 火紅的嫁衣襯著肌膚如雪货抄。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,785評論 1 314
  • 那天朱转,我揣著相機與錄音蟹地,去河邊找鬼。 笑死藤为,一個胖子當著我的面吹牛怪与,可吹牛的內容都是我干的。 我是一名探鬼主播缅疟,決...
    沈念sama閱讀 41,220評論 3 423
  • 文/蒼蘭香墨 我猛地睜開眼分别,長吁一口氣:“原來是場噩夢啊……” “哼遍愿!你這毒婦竟也來了?” 一聲冷哼從身側響起耘斩,我...
    開封第一講書人閱讀 40,167評論 0 277
  • 序言:老撾萬榮一對情侶失蹤沼填,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后括授,有當地人在樹林里發(fā)現(xiàn)了一具尸體坞笙,經...
    沈念sama閱讀 46,698評論 1 320
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 38,767評論 3 343
  • 正文 我和宋清朗相戀三年荚虚,在試婚紗的時候發(fā)現(xiàn)自己被綠了薛夜。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,912評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡版述,死狀恐怖梯澜,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情渴析,我是刑警寧澤晚伙,帶...
    沈念sama閱讀 36,572評論 5 351
  • 正文 年R本政府宣布,位于F島的核電站檬某,受9級特大地震影響撬腾,放射性物質發(fā)生泄漏。R本人自食惡果不足惜恢恼,卻給世界環(huán)境...
    茶點故事閱讀 42,254評論 3 336
  • 文/蒙蒙 一民傻、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧场斑,春花似錦漓踢、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,746評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至青责,卻和暖如春挺据,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背脖隶。 一陣腳步聲響...
    開封第一講書人閱讀 33,859評論 1 274
  • 我被黑心中介騙來泰國打工扁耐, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人产阱。 一個月前我還...
    沈念sama閱讀 49,359評論 3 379
  • 正文 我出身青樓婉称,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子王暗,可洞房花燭夜當晚...
    茶點故事閱讀 45,922評論 2 361

推薦閱讀更多精彩內容