在Webpack中加載依賴關係組

Question

Webpack使得將事物捆綁在一起非常簡單，並且還需要單個塊的異步操作。

但是，我不能完全解決如何延遲只需要我的應用程序的幾個部分所需的一組依賴項。

由於它是一個SPA，我想避免使用<script>標記，並在用戶到達應用程序的相關部分時加載一組較大（即大括號，esprima，lodash等）依賴項。

這與供應商拆分方法類似，除了我只需要用於導航，註冊，登錄等基本模塊。使用塊時它重複了每個塊的這些依賴關係，因此它們是常見的依賴關係 - 但我'喜歡有不止一個共同的捆綁;並能夠在需要時異步加載它。

Answer 1

這就是所謂的代碼分割。 （Webpack Code Splitting）請查看Webpack網站，瞭解其工作原理的「簡要」細目。大多數教程都提到了關鍵路徑渲染的代碼分割，但概念是相同的，應該適用於您的情況。

我會建議創造了你的依賴包的條目，然後引用withing每個模塊。雖然您理論上應該能夠獨立於「綁定依賴關係」來引入每個模塊的依賴關係，但是我遇到了webpack的問題，其中依賴關係被單獨的bundle引用時會重新初始化，這會導致依賴關係被認爲是單例。