Angular2 cli（Webpack）爲不同模塊創建塊

Question

我正在開發一個Angular2應用程序，其中包含大量單獨的模塊。模塊特定的文件（js，css，html）僅在動態創建模塊時被提取（...使用moduleFactory和createComponent）。

所以我需要以這種方式捆綁我的應用程序，而不是使用單個bundle.js，我希望每個模塊都作爲一個單獨的塊，以便塊（js）僅在模塊創建時才被提取。

我怎樣才能達到這個角度？ CommonsChunkPlugin會有幫助嗎？ 會有幫助嗎？

Answer 1

您可以直接使用webpack設置您的項目，而無需使用angular-cli並使用require.ensure()動態地包含外部文件。 Webpack將檢測到require.ensure()，並將爲其創建一個單獨的塊。