Build und Optimierung
Produktions-Builds, AOT-Kompilierung, Tree Shaking, Lazy Loading, Bundle-Optimierung, Source Maps, Budgets
1Was ist AOT-Kompilierung in Angular?
Was ist AOT-Kompilierung in Angular?
Antwort
Die AOT-Kompilierung (Ahead-of-Time) transformiert Angular-Code und Templates während der Build-Phase vor dem Deployment in optimiertes JavaScript. Dies reduziert die Bundle-Größe, da der Angular-Compiler nicht enthalten ist, verbessert die Ladeleistung und erkennt Template-Fehler früher. Seit Angular 9 ist AOT standardmäßig für alle Builds aktiviert.
2Was ist der Hauptvorteil von AOT gegenüber JIT-Kompilierung?
Was ist der Hauptvorteil von AOT gegenüber JIT-Kompilierung?
Antwort
AOT erzeugt kleinere Bundles, da der Angular-Compiler (ca. 1MB) vom finalen Bundle ausgeschlossen wird, im Gegensatz zu JIT, das den Compiler im Browser benötigt. AOT verbessert zudem die Ladezeit durch Eliminierung der clientseitigen Kompilierung, erkennt Template-Fehler früher und erhöht die Sicherheit durch Vorab-Kompilierung der Templates.
3Wie aktiviert man die AOT-Kompilierung in einem ng build-Befehl?
Wie aktiviert man die AOT-Kompilierung in einem ng build-Befehl?
Antwort
Seit Angular 9 ist AOT die Standard-Kompilierung für alle Umgebungen. Für einen Produktions-Build aktiviert ng build --configuration production automatisch AOT. Das --aot-Flag existiert, ist aber redundant, da AOT jetzt immer aktiv ist, sofern in angular.json nicht explizit anders konfiguriert.
Welche Konfiguration in angular.json aktiviert Optimierungen für einen Produktions-Build?
Was ist Tree Shaking in Angular?
+17 Interview-Fragen
Weitere Angular-Interviewthemen
TypeScript-Grundlagen
TypeScript Fortgeschritten
Angular-Grundlagen
Komponenten und Lebenszyklus
Services & Dependency Injection
Angular-Modul-Organisation
Angular CLI
Direktiven und Pipes
Routing und Navigation
Reactive Forms
Template-driven Forms
RxJS-Grundlagen
RxJS-Operatoren
HttpClient und API-Aufrufe
Grundlegende State-Verwaltung
Change Detection
Angular Signals
Standalone Components
Angular Unit-Tests
End-to-End-Testing
NgRx-Grundlagen
NgRx Fortgeschritten
Angular-Architektur
Performance-Optimierung
Sicherheit und Best Practices
Fortgeschrittene RxJS-Patterns
Angular Universal und SSR
Angular Micro-Frontends
Meistere Angular für dein nächstes Interview
Zugang zu allen Fragen, Flashcards, technischen Tests, Code-Review-Übungen und Interview-Simulatoren.
Kostenlos starten