Angular ha recentemente rilasciato la sua versione 10 ed \u00e8 ricca di funzionalit\u00e0. Un cambiamento importante \u00e8 il fatto che il suo nuovo supporto TypeScript interrompe la compatibilit\u00e0 con le versioni precedenti. Vediamo cosa c’\u00e8 di nuovo e in che modo avvantaggia gli sviluppatori Angular.<\/p>\n
Le modifiche al supporto TypeScript in Angular 10 possono essere riassunte in tre aree:<\/p>\n
Angular 10 \u00e8 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> a importanti modifiche sotto il cofano come il supporto della versione TypeScript.<\/p>\n Il supporto di Angular TypeScript<\/a> \u00e8 stato aggiornato molto velocemente, mostrando un impegno completo per il superset tipizzato JavaScript:<\/p>\n Tieni presente che questa \u00e8 una modifica di rilievo: TypeScript 3.8 e precedenti non sono pi\u00f9 supportati su Angular e se per qualsiasi motivo ne hai bisogno, non dovresti aggiornare ad Angular 10 per preservare l’integrit\u00e0 della tua app.<\/p>\n TSlib<\/a>, la libreria di runtime ufficiale per TypeScript che contiene tutte le funzioni di supporto di TypeScript, \u00e8 stata aggiornata alla versione 2.0.<\/p>\n TSLint<\/a>, lo strumento di analisi statica che controlla il codice TypeScript per la leggibilit\u00e0, la manutenibilit\u00e0 e gli errori di funzionalit\u00e0, \u00e8 stato aggiornato alla versione 6. Questa \u00e8 l’ultima versione principale di TSLint prima che diventasse obsoleta, quindi \u00e8 probabile che una nuova versione di Angular introduca il supporto per TypeScript ESLint<\/a>, l’evoluzione di TSLint che consente a ESLint di supportare TypeScript.<\/p>\n Un’altra area in cui \u00e8 stato aggiornato anche il supporto Angular TypeScript \u00e8 nel layout del progetto. La versione 10 ora introduce un nuovo L’ aggiornamento di un’app con Angular 10 ora offre una nuova opzione per il comando CLI il nuovo spazio di lavoro avr\u00e0 nuove impostazioni attivate per attivare la modalit\u00e0 rigorosa in TypeScript e configurare regole di linting per impedire dichiarazioni di tipo 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<\/a><\/p>\n\n
Nuova struttura del progetto<\/h2>\n
tsconfig.base.json<\/code>. Questo nuovo file funziona in combinazione con il tradizionale tsconfig.json<\/code>:<\/p>\n\n
tsconfig.json<\/code>file 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.<\/li>\ntsconfig.base.json<\/code>file specifica le opzioni di base del compilatore TypeScript e Angular che ereditano tutti i progetti nell’area di lavoro.<\/li>\n<\/ul>\nng update<\/code>aggiorner\u00e0 automaticamente la struttura per utilizzare il nuovo tsconfig.base.json<\/code>.<\/p>\nNuove impostazioni rigorose<\/h2>\n
ng new<\/code>. Quando crei un nuovo spazio di lavoro con<\/p>\nng new --strict<\/code><\/p>\nany<\/code>. Ci\u00f2 consente di rilevare i bug in anticipo e consente inoltre alla CLI di eseguire ottimizzazioni avanzate sull’app.<\/p>\nAltre modifiche in Angular 10<\/h2>\n