Was ist AOT-Kompilierung in Angular?

Vorab-Kompilierung in Angular (AOT-Kompilierung)

Die AOT-Kompilierung (Ahead-of-Time Compilation) ist eine entscheidende Technik in Angular, die die Leistung der Anwendung wesentlich verbessert. Im Gegensatz zur JIT-Kompilierung (Just-in-Time Compilation), bei der der Code erst zur Laufzeit erstellt wird, wird bei der AOT-Kompilierung der Angular-HTML- und TypeScript-Code bereits während des Build-Prozesses in JavaScript-Code umgewandelt.

Ein Hauptvorteil der AOT-Kompilierung ist die verbesserte Ladezeit der Anwendung. Da der Code bereits kompiliert ist, bevor der Benutzer ihn lädt, sind keine zusätzlichen AJax-Anfragen erforderlich, um die Vorlagen zu holen. Ein weiterer großer Vorteil ist die erhöhte Sicherheit, da Injektionen zur Laufzeit vermieden werden.

Um eine Angular-Anwendung mit AOT-Kompilierung zu kompilieren, kann das Angular CLI-Tool mit dem AOT-Flag verwendet werden:

ng build --aot

Dies generiert einen kompilierten Code, der direkt im Browser ausgeführt werden kann, ohne dass eine zusätzliche Kompilierungszeit erforderlich ist.

Es ist daher eine Best Practice, die AOT-Kompilierung für die Produktion zu verwenden, während die JIT-Kompilierung in der Entwicklungsumgebung beibehalten werden kann, um die Vorteile der schnellen Rekompilierung bei Codeänderungen zu nutzen. Es ist auch wichtig, sicherzustellen, dass Ihr Code "AOT-kompatibel" ist, indem Sie bestimmte Programmiermuster und Techniken befolgen, die in der offiziellen Angular-Dokumentation empfohlen werden.

Related Questions

Finden Sie das nützlich?