Verwendung des Angular CLI-Befehls zur Analyse der Applikationsbündelgröße

Angular CLI (Command Line Interface) ist ein ausgesprochen mächtiges Werkzeug, das eine Reihe von nützlichen Befehlen und Optionen zur Verfügung stellt, mit denen Entwickler effektiv und effizient arbeiten können. Eine solche Option ist die "ng build --prod --stats-json"-Kommando, das verwendet wird, um die Größe der Anwendungsbündel zu analysieren. So können Sie die Größe Ihrer Anwendung und die Verteilung der verschiedenen Module und Bibliotheken verstehen.

Die Option "--prod" steht dabei für die Produktionsumgebung und bereitet das Anwendungsbündel für den Produktionsbetrieb vor. Dies beinhaltet die Optimierung für Geschwindigkeit und Performance, das Minimieren des Codes und das Eliminieren von nicht verwendeten Teilen, sowie verschiedene weitere Optimierungen.

Die Option "--stats-json" generiert eine JSON-Datei mit statistischen Informationen über Ihr Anwendungsbündel. Sie enthält Details wie die Gesamtgröße des Bündels, die Größe der einzelnen Module, die Anzahl der Module und weitere hilfreiche Daten. Diese Datei kann dann mit verschiedenen Werkzeugen, wie z.B. "webpack-bundle-analyzer" oder "source-map-explorer", analysiert werden, um ein detailliertes Verständnis der Anwendungsbündelgröße zu erlangen.

Zum Beispiel könnte das ng build --prod --stats-json Kommando folgendermaßen verwendet werden:

ng build --prod --stats-json

Diese Kommando erstellt ein optimiertes Produktionsbündel Ihrer Angular-Anwendung und erzeugt eine "stats.json"-Datei im Ausgabeverzeichnis (standardmäßig "dist/").

Um die stats.json-Datei zu analysieren, können Sie dann z.B. den "webpack-bundle-analyzer" verwenden:

npx webpack-bundle-analyzer dist/stats.json

Diese Anweisung startet den webpack-bundle-analyzer, der eine interaktive Treemap-Visualisierung Ihrer Anwendungsbündel aufzeigt. Sie können auf die verschiedenen Knoten klicken, um weitere Details zu sehen, was Ihnen dabei hilft, große Module oder Bibliotheken zu identifizieren, die möglicherweise reduziert oder eliminiert werden können.

Als Best Practice wird empfohlen, diese Analyse regelmäßig durchzuführen, insbesondere vor großen Releases, um sicherzustellen, dass Ihre Anwendung so schlank und performant wie möglich ist.