Angular julkaisi \u00e4skett\u00e4in version 10 ja se on t\u00e4ynn\u00e4 ominaisuuksia. Yksi t\u00e4rke\u00e4 muutos on se, ett\u00e4 sen uusi TypeScript-tuki rikkoo yhteensopivuuden aikaisempien versioiden kanssa. Katsotaanpa, mit\u00e4 uutta on ja kuinka se hy\u00f6dytt\u00e4\u00e4 Angular-kehitt\u00e4ji\u00e4.<\/p>\n
Angular 10:n TypeScript-tukeen tehdyt muutokset voidaan tiivist\u00e4\u00e4 kolmelle alueelle:<\/p>\n
Angular 10 on suuri julkaisu, joka julkaistiin 24. kes\u00e4kuuta ja sis\u00e4lt\u00e4\u00e4 paljon uusia lis\u00e4yksi\u00e4: k\u00e4ytt\u00f6liittym\u00e4komponenteista, kuten uudesta p\u00e4iv\u00e4m\u00e4\u00e4r\u00e4alueen<\/a> valitsimesta, suuriin muutoksiin, kuten sen TypeScript-versiotukeen.<\/p>\n Angular TypeScript<\/a> -tuki on pidetty ajan tasalla eritt\u00e4in nopeasti, mik\u00e4 osoittaa t\u00e4ydellist\u00e4 sitoutumista JavaScript-kirjoitettuun superjoukkoon:<\/p>\n Huomaa, ett\u00e4 t\u00e4m\u00e4 on murtava muutos: TypeScript 3.8:aa ja aiempia versioita ei en\u00e4\u00e4 tueta Angularissa, ja jos jostain syyst\u00e4 tarvitset niit\u00e4, sinun ei pit\u00e4isi p\u00e4ivitt\u00e4\u00e4 Angular 10:een sovelluksesi eheyden s\u00e4ilytt\u00e4miseksi.<\/p>\n TSlib<\/a>, TypeScriptin virallinen ajonaikainen kirjasto, joka sis\u00e4lt\u00e4\u00e4 kaikki TypeScript-aputoiminnot, on p\u00e4ivitetty versioon 2.0.<\/p>\n TSLint<\/a>, staattinen analyysity\u00f6kalu, joka tarkistaa TypeScript-koodin luettavuuden, yll\u00e4pidett\u00e4vyyden ja toiminnallisuusvirheet, on p\u00e4ivitetty versioon 6. T\u00e4m\u00e4 on TSLintin viimeinen suuri versio ennen sen vanhenemista, joten on todenn\u00e4k\u00f6ist\u00e4, ett\u00e4 uusi Angular-versio tukee TypeScript ESLint<\/a>, TSLintin evoluutio, jonka avulla ESLint tukee TypeScripti\u00e4.<\/p>\n Toinen alue, jossa my\u00f6s Angular TypeScript -tuki p\u00e4ivitettiin, on projektin ulkoasu. Versio 10 sis\u00e4lt\u00e4\u00e4 nyt uuden Sovelluksen p\u00e4ivitt\u00e4minen sovelluksella Angular 10 tarjoaa nyt uuden vaihtoehdon CLI-komennolle uudessa ty\u00f6tilassa on uudet asetukset kytkettyn\u00e4 p\u00e4\u00e4lle TypeScriptin tiukan tilan aktivoimiseksi ja linting-s\u00e4\u00e4nt\u00f6jen m\u00e4\u00e4ritt\u00e4miseksi tyypin ilmoittamisen est\u00e4miseksi T\u00e4m\u00e4 viesti tiivisti Angular TypeScript -tuen muutoksista. On monia muita muutoksia, joista voit lukea Angular 10<\/a> -julkaisublogiviestist\u00e4<\/p>\n\n
Uusi projektirakenne<\/h2>\n
tsconfig.base.json<\/code>. T\u00e4m\u00e4 uusi tiedosto toimii yhdess\u00e4 perinteisen tsconfig.json<\/code>:<\/p>\n\n
tsconfig.json<\/code>sis\u00e4lt\u00e4\u00e4 luettelon polkuista muihin nykyiseen projektiin sis\u00e4ltyviin TypeScript-m\u00e4\u00e4ritystiedostoihin, jotta voidaan m\u00e4\u00e4ritt\u00e4\u00e4, mihin kokoonpanotiedostoon tiedosto kuuluu, jotta se voi k\u00e4ytt\u00e4\u00e4 tarvittavia asetuksia. Vaikka koodieditorit ja TypeScriptin kielipalvelin k\u00e4ytt\u00e4v\u00e4t t\u00e4t\u00e4 tiedostoa paremman kehityskokemuksen saavuttamiseksi, k\u00e4\u00e4nt\u00e4j\u00e4t eiv\u00e4t.<\/li>\ntsconfig.base.json<\/code>m\u00e4\u00e4ritt\u00e4\u00e4 TypeScript- ja Angular-k\u00e4\u00e4nt\u00e4j\u00e4n perusasetukset, jotka kaikki ty\u00f6tilan projektit periv\u00e4t.<\/li>\n<\/ul>\nng update<\/code>p\u00e4ivitt\u00e4\u00e4 rakenteen automaattisesti k\u00e4ytt\u00e4m\u00e4\u00e4n uutta tsconfig.base.json<\/code>.<\/p>\nUudet tiukat asetukset<\/h2>\n
ng new<\/code>. Kun luot uuden ty\u00f6tilan kanssa<\/p>\nng new --strict<\/code><\/p>\nany<\/code>. T\u00e4m\u00e4 mahdollistaa virheiden havaitsemisen etuk\u00e4teen, ja CLI voi my\u00f6s suorittaa edistyneit\u00e4 optimointeja sovellukselle.<\/p>\nLis\u00e4\u00e4 muutoksia Angular 10:ss\u00e4<\/h2>\n