Quando sviluppiamo applicazioni Angular di medie dimensioni, la compilazione occupa buona parte dei tempi di sviluppo. Nel tempo, il team di Angular ha ridotto i tempi di compilazione introducendo bazel, introducendo Ivy e altro ancora. Tuttavia, anche dal lato TypeScript possiamo ottimizzare ulteriormente i tempi di compilazione utilizzando il FLIC (Fast and Loose Incremental Checking) introdotto con Angular 3.8.
Supponiamo di avere il file File1.ts che referenzia File2.ts che a sua volta referenzia File3.ts. Se modifichiamo File3.ts, anche File2.ts deve essere ricompilato e di conseguenza anche File1.ts. Con TypeScript 3.8, nel file di configurazione del compilatore possiamo usare l'opzione assumeChangesOnlyAffectDirectDependencies per specificare che quando modifchiamo un file, solo le dipendenze dirette devono essere ricompilate.
Riprendendo il nostro esempio, questo significa che quando modifichiamo File3.ts, solo File2.ts verrà ricompilato mentre File1.ts verrà ignorato. Quando si hanno catene molto lunghe, il fatto di controllare solo le dipendenze dirette riduce drasticamente i tempi di compilazione. Il rovescio della medaglia consiste nel fatto che non controllando tutta la catena delle dipendenze, la modifica di un file può causare errori di compilazione in dipendenze indirette. Per questo motivo l'utilizzo di questa opzione è sempre da valutare attentamente.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Potenziare la ricerca su Cosmos DB con Full Text Search
Utilizzare l nesting nativo dei CSS
Creare agenti facilmente con Azure AI Agent Service
Referenziare un @layer più alto in CSS
Esporre i propri servizi applicativi con Semantic Kernel e ASP.NET Web API
Creare una libreria CSS universale: i bottoni
Selettore CSS :has() e i suoi casi d'uso avanzati
Gestire la cancellazione di una richiesta in streaming da Blazor
Definire stili a livello di libreria in Angular
Utilizzare i variable font nel CSS
Il nuovo controllo Range di Blazor 9
Gestire il colore CSS con HWB