Nuove modifiche al supporto di TypeScript angolari nella versione 10

Angular ha recentemente rilasciato la sua versione 10 ed è ricca di funzionalità. Un cambiamento importante è il fatto che il suo nuovo supporto TypeScript interrompe la compatibilità con le versioni precedenti. Vediamo cosa c’è di nuovo e in che modo avvantaggia gli sviluppatori Angular.

Le modifiche al supporto TypeScript in Angular 10 possono essere riassunte in tre aree:

Nuovo supporto per TypeScript 3.9

Angular 10 è una major rilasciata il 24 giugno e carica di molte nuove aggiunte: dai componenti dell’interfaccia utente come un nuovo selettore di intervalli di date a importanti modifiche sotto il cofano come il supporto della versione TypeScript.

Il supporto di Angular TypeScript è stato aggiornato molto velocemente, mostrando un impegno completo per il superset tipizzato JavaScript:

• Angular 9 rilasciato il 6 febbraio supportava TypeScript 3.7
• Angular 9.1 rilasciato il 25 marzo ha introdotto il supporto per TypeScript 3.8
• Angular 10 ora supporta solo TypeScript 3.9

Tieni presente che questa è una modifica di rilievo: TypeScript 3.8 e precedenti non sono più supportati su Angular e se per qualsiasi motivo ne hai bisogno, non dovresti aggiornare ad Angular 10 per preservare l’integrità della tua app.

TSlib, la libreria di runtime ufficiale per TypeScript che contiene tutte le funzioni di supporto di TypeScript, è stata aggiornata alla versione 2.0.

TSLint, lo strumento di analisi statica che controlla il codice TypeScript per la leggibilità, la manutenibilità e gli errori di funzionalità, è stato aggiornato alla versione 6. Questa è l’ultima versione principale di TSLint prima che diventasse obsoleta, quindi è probabile che una nuova versione di Angular introduca il supporto per TypeScript ESLint, l’evoluzione di TSLint che consente a ESLint di supportare TypeScript.

Nuova struttura del progetto

Un’altra area in cui è stato aggiornato anche il supporto Angular TypeScript è nel layout del progetto. La versione 10 ora introduce un nuovo tsconfig.base.json. Questo nuovo file funziona in combinazione con il tradizionale tsconfig.json:

• il tsconfig.jsonfile contiene un elenco di percorsi ad altri file di configurazione TypeScript inclusi nel progetto corrente per determinare a quale file di configurazione appartiene un file in modo che possa applicare le opzioni appropriate. Mentre gli editor di codice e il server del linguaggio di TypeScript usano questo file per una migliore esperienza di sviluppo, i compilatori no.
• Il tsconfig.base.jsonfile specifica le opzioni di base del compilatore TypeScript e Angular che ereditano tutti i progetti nell’area di lavoro.

L’ aggiornamento di un’app con ng updateaggiornerà automaticamente la struttura per utilizzare il nuovo tsconfig.base.json.

Nuove impostazioni rigorose

Angular 10 ora offre una nuova opzione per il comando CLI ng new. Quando crei un nuovo spazio di lavoro con

ng new --strict

il nuovo spazio di lavoro avrà nuove impostazioni attivate per attivare la modalità rigorosa in TypeScript e configurare regole di linting per impedire dichiarazioni di tipo any. Ciò consente di rilevare i bug in anticipo e consente inoltre alla CLI di eseguire ottimizzazioni avanzate sull’app.

Altre modifiche in Angular 10

Questo post ha riassunto le modifiche al supporto di Angular TypeScript. Ci sono molte altre modifiche che puoi leggere nel post del blog sulla versione di Angular 10