Build en optimalisatie
Productie-builds, AOT-compilatie, tree shaking, lazy loading, bundle-optimalisatie, source maps, budgets
1Wat is AOT-compilatie in Angular?
Wat is AOT-compilatie in Angular?
Antwoord
AOT-compilatie (Ahead-of-Time) transformeert Angular-code en templates tijdens de buildfase, vóór deployment, naar geoptimaliseerd JavaScript. Dit vermindert de bundlegrootte omdat de Angular-compiler niet wordt meegenomen, verbetert de laadprestaties en detecteert templatefouten eerder. Sinds Angular 9 is AOT standaard ingeschakeld voor alle builds.
2Wat is het belangrijkste voordeel van AOT ten opzichte van JIT-compilatie?
Wat is het belangrijkste voordeel van AOT ten opzichte van JIT-compilatie?
Antwoord
AOT produceert kleinere bundles omdat de Angular-compiler (ongeveer 1MB) wordt uitgesloten van de uiteindelijke bundle, in tegenstelling tot JIT dat de compiler in de browser vereist. AOT verbetert ook de laadtijd door client-side compilatie te elimineren, detecteert templatefouten eerder en verbetert de beveiliging door templates vooraf te compileren.
3Hoe schakel je AOT-compilatie in in een ng build-commando?
Hoe schakel je AOT-compilatie in in een ng build-commando?
Antwoord
Sinds Angular 9 is AOT de standaardcompilatie voor alle omgevingen. Voor een productie-build schakelt ng build --configuration production automatisch AOT in. De --aot-vlag bestaat, maar is overbodig omdat AOT nu altijd actief is, tenzij expliciet anders geconfigureerd in angular.json.
Welke configuratie in angular.json schakelt optimalisaties in voor een productie-build?
Wat is tree shaking in Angular?
+17 gespreksvragen
Andere Angular-sollicitatieonderwerpen
TypeScript-basis
TypeScript Gevorderd
Angular-grondbeginselen
Componenten en levenscyclus
Services & Dependency Injection
Angular-module-organisatie
Angular CLI
Directives en Pipes
Routing en Navigatie
Reactive Forms
Template-driven Forms
RxJS-Basis
RxJS-Operators
HttpClient en API-aanroepen
Basis state management
Change Detection
Angular Signals
Standalone Components
Angular unit testing
End-to-End Testing
NgRx-fundamenten
NgRx gevorderd
Angular-architectuur
Prestatie-optimalisatie
Beveiliging en best practices
Geavanceerde RxJS-patronen
Angular Universal en SSR
Angular Micro-frontends
Beheers Angular voor je volgende gesprek
Krijg toegang tot alle vragen, flashcards, technische tests, code review-oefeningen en gespreksimulatoren.
Begin gratis