Nya ändringar av Angular TypeScript-stöd i version 10
Angular släppte nyligen sin version 10 och den är full av funktioner. En viktig förändring är det faktum att dess nya TypeScript-stöd bryter kompatibiliteten med tidigare versioner. Låt oss se vad som är nytt och hur det gynnar Angular-utvecklare.
Ändringar av TypeScript-stöd i Angular 10 kan sammanfattas i tre områden:
Nytt stöd för TypeScript 3.9
Angular 10 är en stor släppt publicerad den 24 juni och laddad med många nya tillägg: från UI-komponenter som en ny datumintervallväljare till stora förändringar under huven som stödet för TypeScript-versionen.
Stödet för Angular TypeScript har hållits uppdaterat mycket snabbt, vilket visar ett fullständigt engagemang för den JavaScript-skrivna superuppsättningen:
- Angular 9 släpptes den 6 februari stödde TypeScript 3.7
- Angular 9.1 släpptes den 25 mars introducerade stöd för TypeScript 3.8
- Angular 10 stöder nu endast TypeScript 3.9
Observera att detta är en brytande förändring: TypeScript 3.8 och tidigare stöds inte längre på Angular och om du av någon anledning behöver dem bör du inte uppdatera till Angular 10 för att bevara din apps integritet.
TSlib, det officiella runtime-biblioteket för TypeScript som innehåller alla TypeScript-hjälpfunktioner, har uppdaterats till version 2.0.
TSLint, det statiska analysverktyget som kontrollerar TypeScript-kod för läsbarhet, underhållbarhet och funktionsfel, har uppdaterats till version 6. Detta är den sista större versionen av TSLint innan den föråldrades så det är troligt att en ny Angular-version kommer att introducera stöd för TypeScript ESLint, utvecklingen av TSLint som gör det möjligt för ESLint att stödja TypeScript.
Ny projektstruktur
Ett annat område där Angular TypeScript-stödet också uppdaterades är i projektlayouten. Version 10 introducerar nu en ny tsconfig.base.json. Den här nya filen fungerar tillsammans med den traditionella tsconfig.json:
- filen
tsconfig.jsoninnehåller en lista med sökvägar till andra TypeScript-konfigurationsfiler som ingår i det aktuella projektet för att avgöra vilken konfigurationsfil en fil tillhör så att den kan tillämpa lämpliga alternativ. Medan kodredigerare och TypeScripts språkserver använder den här filen för en bättre utvecklingsupplevelse, gör inte kompilatorer det. - Filen
tsconfig.base.jsonanger basalternativen TypeScript och Angular-kompilator som alla projekt i arbetsytan ärver.
Om du uppdaterar en app med ng updatekommer strukturen automatiskt att uppdateras för att använda den nya tsconfig.base.json.
Nya strikta inställningar
Angular 10 erbjuder nu ett nytt alternativ för CLI-kommando ng new. När du skapar en ny arbetsyta med
ng new --strict
den nya arbetsytan kommer att ha nya inställningar aktiverade för att aktivera strikt läge i TypeScript och konfigurera linting-regler för att förhindra typdeklarationer any. Detta gör det möjligt att fånga buggar i förväg och gör det också möjligt för CLI att utföra avancerade optimeringar på appen.
Fler ändringar i Angular 10
Det här inlägget sammanfattade förändringarna i Angular TypeScript-stöd. Det finns många fler förändringar som du kan läsa om i Angular 10 release blogginlägg