2017-07-23 9 views
-1

Ich habe Lazy Load Route und freigegebene Modul, die zuerst im Hauptmodul importieren kann und in Lazy-Modul zur Verfügung.Lazy laden ein Modul von Lazy Load Route

Aber ich möchte geteilte Module laden, wenn Lazy-Modul dieses Modul benötigt, Zum Beispiel in meinem Hauptmodul habe ich nur eine Login-Route und diese Seite benötigt keine Art von Bibliothek. Also möchte ich diese Bibliothek nicht zum ersten Mal importieren, die Bibliothek sollte importieren, wenn ich auf eine andere Route gehe.

Wenn wir nur Login-Bildschirm mit Kernfunktionalität haben, haben sie sehr kleine Bundle-Größe, aber mit viel Bibliothek erhöhen Größe. Ich möchte Hauptmodul sollte ein kleines Bündel sein.

Wie kann ich dies erreichen?

+0

Die Verwendung von Chunks löst Ihre Probleme – Ash

+0

Angular bieten schaffen Chunk of Lazy Route-Modul. Alle geteilten Module, die in mehreren Routen verwendet werden können und die einmal importiert werden sollen, werden in das Lieferantenbündel –

+0

integriert. Teilen Sie Ihr freigegebenes Modul in mehrere Teile auf und importieren Sie es nur, wenn es erforderlich ist. – Ash

Antwort

0

einen Blick auf diese haben.

Lazy loading: code splitting NgModules with Webpack

„ist über Code Aufspaltung in Angular, faul-Laden und einer Prise Webpack-Code Spaltung erlaubt es uns, unsere Codebasis im Wesentlichen brechen Lassen Sie sprechen in kleinere Brocken und wir servieren diese Chunks auf Anfrage, was wir "lazy loading" nennen. Also lasst uns lernen, wie es geht und einige der Konzepte/Terminologie dahinter. "

+0

In diesem Beispiel geht es um Lazy-Load-Modul vom Routing. Geteiltes Modul wird immer noch in das Hauptmodul importiert, was Bibliothekenimporte im Lieferantenbündel und keinen Vorteil der Codeaufteilung bedeutet. Ich möchte das Lazy Load Modul außerhalb des Routings importieren. –