1.Webpack是什么傅瞻?
webpack是個(gè)靜態(tài)的模塊化打包工具亲澡,包括以下部分。
1.打包bundler:webpack可以將幫助我們進(jìn)行打包耗啦,所以它是一個(gè)打包工具凿菩。
2.靜態(tài)的static:這樣表述的原因是我們最終可以將代碼打包成最終的靜態(tài)資源(部署到靜態(tài)服務(wù)器)。
3.模塊化module:webpack默認(rèn)支持各種模塊化開發(fā)帜讲,ES Module蓄髓、CommonJS、AMD等舒帮。
2.webpack到底是如何對(duì)我們的項(xiàng)目進(jìn)行打包的呢?
事實(shí)上webpack在處理應(yīng)用程序時(shí),它會(huì)根據(jù)命令或者配置文件找到入口文件玩郊;
從入口開始肢执,會(huì)生成一個(gè)?依賴關(guān)系圖,這個(gè)依賴關(guān)系圖會(huì)包含應(yīng)用程序中所需的所有模塊(比如.js文件译红、css文件预茄、圖片、字體等)侦厚;
然后遍歷圖結(jié)構(gòu)耻陕,打包一個(gè)個(gè)模塊(根據(jù)文件的不同使用不同的loader來解析);