這篇文章給大家分享的是有關(guān)webpack打包原理是什么的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

創(chuàng)新互聯(lián)建站是一家專業(yè)提供新沂企業(yè)網(wǎng)站建設(shè),專注與成都網(wǎng)站設(shè)計、成都網(wǎng)站制作、HTML5、小程序制作等業(yè)務(wù)。10年已為新沂眾多企業(yè)、政府機構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站設(shè)計公司優(yōu)惠進行中。

webpack打包原理是根據(jù)文件間的依賴關(guān)系對其進行靜態(tài)分析，將這些模塊按指定規(guī)則生成靜態(tài)資源，當(dāng) webpack處理程序時，它會遞歸地構(gòu)建一個依賴關(guān)系圖，其中包含應(yīng)用程序需要的每個模塊，將所有這些模塊打包成一個或多個bundle。

webpack打包原理是根據(jù)文件間的依賴關(guān)系對其進行靜態(tài)分析，然后將這些模塊按指定規(guī)則生成靜態(tài)資源，當(dāng) webpack 處理程序時，它會遞歸地構(gòu)建一個依賴關(guān)系圖(dependency graph)，其中包含應(yīng)用程序需要的每個模塊，然后將所有這些模塊打包成一個或多個 bundle。

webpack有兩種組織模塊的依賴方式，同步、異步。異步依賴將作為分割點，形成一個新的塊；在優(yōu)化了依賴樹之后，每一個異步區(qū)塊都將作為一個文件被打包。

webpack有一個智能解析器，幾乎可以處理任何第三方庫。無論它們的模塊形式是CommonJS、AMD還是普通的JS文件；甚至在加載依賴的時候，允許使用動態(tài)表require("、/templates/"+name+"、jade")。

擴展資料

在使用webpack構(gòu)建的典型應(yīng)用程序或站點中，有三種主要的代碼類型：

1、團隊編寫的源碼。

2、源碼會依賴的任何第三方的library或"vendor"代碼。

3、webpack的runtime和manifest，管理所有模塊的交互。

runtime 包含：在模塊交互時，連接模塊所需的加載和解析邏輯；包括瀏覽器中的已加載模塊的連接，以及懶加載模塊的執(zhí)行邏輯。

感謝各位的閱讀！關(guān)于“webpack打包原理是什么”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

網(wǎng)站標(biāo)題：webpack打包原理是什么-創(chuàng)新互聯(lián)
本文網(wǎng)址：http://weahome.cn/article/dogogp.html