Angular2 CLI (Webpack) Erstellen von Chunks für verschiedene Module

Question

Ich arbeite an einer Angular2-Anwendung mit vielen separaten Modulen. Die modulspezifischen Dateien (js, css, html) werden nur abgerufen, wenn das Modul dynamisch erstellt wird (... mit moduleFactory und createComponent).

Also muss ich meine App so zu bündeln, dass statt einzelne bundle.js, ich jedes Modul als separate Chunk möchte, so dass der Chunk (js) nur abgerufen wird, wenn das Modul erstellt wird.

wie erreiche ich das in angular cli ?? wird CommonsChunkPlugin hilfreich sein?

Answer 1

Sie können Ihr Projekt direkt mit webpack einrichten, ohne angle-cli zu verwenden, und require.ensure() verwenden, um externe Dateien dynamisch einzubinden. Webpack erkennt require.ensure() und erstellt einen separaten Chunk dafür.