Angular sl\u00e4ppte nyligen sin version 10 och den \u00e4r full av funktioner. En viktig f\u00f6r\u00e4ndring \u00e4r det faktum att dess nya TypeScript-st\u00f6d bryter kompatibiliteten med tidigare versioner. L\u00e5t oss se vad som \u00e4r nytt och hur det gynnar Angular-utvecklare.<\/p>\n
\u00c4ndringar av TypeScript-st\u00f6d i Angular 10 kan sammanfattas i tre omr\u00e5den:<\/p>\n
Angular 10 \u00e4r en stor sl\u00e4ppt publicerad den 24 juni och laddad med m\u00e5nga nya till\u00e4gg: fr\u00e5n UI-komponenter som en ny datumintervallv\u00e4ljare<\/a> till stora f\u00f6r\u00e4ndringar under huven som st\u00f6det f\u00f6r TypeScript-versionen.<\/p>\n St\u00f6det f\u00f6r Angular TypeScript<\/a> har h\u00e5llits uppdaterat mycket snabbt, vilket visar ett fullst\u00e4ndigt engagemang f\u00f6r den JavaScript-skrivna superupps\u00e4ttningen:<\/p>\n Observera att detta \u00e4r en brytande f\u00f6r\u00e4ndring: TypeScript 3.8 och tidigare st\u00f6ds inte l\u00e4ngre p\u00e5 Angular och om du av n\u00e5gon anledning beh\u00f6ver dem b\u00f6r du inte uppdatera till Angular 10 f\u00f6r att bevara din apps integritet.<\/p>\n TSlib<\/a>, det officiella runtime-biblioteket f\u00f6r TypeScript som inneh\u00e5ller alla TypeScript-hj\u00e4lpfunktioner, har uppdaterats till version 2.0.<\/p>\n TSLint<\/a>, det statiska analysverktyget som kontrollerar TypeScript-kod f\u00f6r l\u00e4sbarhet, underh\u00e5llbarhet och funktionsfel, har uppdaterats till version 6. Detta \u00e4r den sista st\u00f6rre versionen av TSLint innan den f\u00f6r\u00e5ldrades s\u00e5 det \u00e4r troligt att en ny Angular-version kommer att introducera st\u00f6d f\u00f6r TypeScript ESLint<\/a>, utvecklingen av TSLint som g\u00f6r det m\u00f6jligt f\u00f6r ESLint att st\u00f6dja TypeScript.<\/p>\n Ett annat omr\u00e5de d\u00e4r Angular TypeScript-st\u00f6det ocks\u00e5 uppdaterades \u00e4r i projektlayouten. Version 10 introducerar nu en ny Om du uppdaterar en app med Angular 10 erbjuder nu ett nytt alternativ f\u00f6r CLI-kommando den nya arbetsytan kommer att ha nya inst\u00e4llningar aktiverade f\u00f6r att aktivera strikt l\u00e4ge i TypeScript och konfigurera linting-regler f\u00f6r att f\u00f6rhindra typdeklarationer Det h\u00e4r inl\u00e4gget sammanfattade f\u00f6r\u00e4ndringarna i Angular TypeScript-st\u00f6d. Det finns m\u00e5nga fler f\u00f6r\u00e4ndringar som du kan l\u00e4sa om i Angular 10 release<\/a> blogginl\u00e4gg<\/p>\n\n
Ny projektstruktur<\/h2>\n
tsconfig.base.json<\/code>. Den h\u00e4r nya filen fungerar tillsammans med den traditionella tsconfig.json<\/code>:<\/p>\n\n
tsconfig.json<\/code>inneh\u00e5ller en lista med s\u00f6kv\u00e4gar till andra TypeScript-konfigurationsfiler som ing\u00e5r i det aktuella projektet f\u00f6r att avg\u00f6ra vilken konfigurationsfil en fil tillh\u00f6r s\u00e5 att den kan till\u00e4mpa l\u00e4mpliga alternativ. Medan kodredigerare och TypeScripts spr\u00e5kserver anv\u00e4nder den h\u00e4r filen f\u00f6r en b\u00e4ttre utvecklingsupplevelse, g\u00f6r inte kompilatorer det.<\/li>\ntsconfig.base.json<\/code>anger basalternativen TypeScript och Angular-kompilator som alla projekt i arbetsytan \u00e4rver.<\/li>\n<\/ul>\nng update<\/code>kommer strukturen automatiskt att uppdateras f\u00f6r att anv\u00e4nda den nya tsconfig.base.json<\/code>.<\/p>\nNya strikta inst\u00e4llningar<\/h2>\n
ng new<\/code>. N\u00e4r du skapar en ny arbetsyta med<\/p>\nng new --strict<\/code><\/p>\nany<\/code>. Detta g\u00f6r det m\u00f6jligt att f\u00e5nga buggar i f\u00f6rv\u00e4g och g\u00f6r det ocks\u00e5 m\u00f6jligt f\u00f6r CLI att utf\u00f6ra avancerade optimeringar p\u00e5 appen.<\/p>\nFler \u00e4ndringar i Angular 10<\/h2>\n