Build e ottimizzazione
Build di produzione, compilazione AOT, tree shaking, lazy loading, ottimizzazione del bundle, source maps, budgets
1Cos'è la compilazione AOT in Angular?
Cos'è la compilazione AOT in Angular?
Risposta
La compilazione AOT (Ahead-of-Time) trasforma il codice Angular e i template in JavaScript ottimizzato durante la fase di build, prima del deployment. Questo riduce la dimensione del bundle poiché il compilatore Angular non è incluso, migliora le prestazioni di caricamento e rileva gli errori di template prima. Dall'Angular 9, AOT è abilitato per default per tutti i build.
2Qual è il vantaggio principale di AOT rispetto alla compilazione JIT?
Qual è il vantaggio principale di AOT rispetto alla compilazione JIT?
Risposta
AOT produce bundle più piccoli perché il compilatore Angular (circa 1MB) è escluso dal bundle finale, a differenza di JIT che richiede il compilatore nel browser. AOT migliora anche il tempo di caricamento eliminando la compilazione lato client, rileva gli errori di template prima e migliora la sicurezza pre-compilando i template.
3Come abilitare la compilazione AOT in un comando ng build?
Come abilitare la compilazione AOT in un comando ng build?
Risposta
Dall'Angular 9, AOT è la compilazione predefinita per tutti gli ambienti. Per un build di produzione, usare ng build --configuration production abilita automaticamente AOT. Il flag --aot esiste ma è ridondante poiché AOT è ora sempre attivo a meno che non sia configurato esplicitamente diversamente in angular.json.
Quale configurazione in angular.json abilita le ottimizzazioni per un build di produzione?
Cos'è il tree shaking in Angular?
+17 domande da colloquio
Altri argomenti di colloquio Angular
Fondamenti di TypeScript
TypeScript Avanzato
Fondamenti di Angular
Componenti e ciclo di vita
Services & Dependency Injection
Organizzazione dei moduli Angular
Angular CLI
Direttive e Pipe
Routing e Navigazione
Form reattivi
Form template-driven
Fondamenti di RxJS
Operatori RxJS
HttpClient e chiamate API
Gestione dello stato di base
Change Detection
Angular Signals
Standalone Components
Test unitari in Angular
Testing End-to-End
Fondamenti di NgRx
NgRx avanzato
Architettura Angular
Ottimizzazione delle performance
Sicurezza e best practice
Pattern RxJS avanzati
Angular Universal e SSR
Micro-frontend Angular
Padroneggia Angular per il tuo prossimo colloquio
Accedi a tutte le domande, flashcards, test tecnici, esercizi di code review e simulatori di colloquio.
Inizia gratis