Uusia Angular TypeScript -tukimuutoksia versiossa 10

Angular julkaisi äskettäin version 10 ja se on täynnä ominaisuuksia. Yksi tärkeä muutos on se, että sen uusi TypeScript-tuki rikkoo yhteensopivuuden aikaisempien versioiden kanssa. Katsotaanpa, mitä uutta on ja kuinka se hyödyttää Angular-kehittäjiä.

Angular 10:n TypeScript-tukeen tehdyt muutokset voidaan tiivistää kolmelle alueelle:

Uusi TypeScript 3.9 -tuki

Angular 10 on suuri julkaisu, joka julkaistiin 24. kesäkuuta ja sisältää paljon uusia lisäyksiä: käyttöliittymäkomponenteista, kuten uudesta päivämääräalueen valitsimesta, suuriin muutoksiin, kuten sen TypeScript-versiotukeen.

Angular TypeScript -tuki on pidetty ajan tasalla erittäin nopeasti, mikä osoittaa täydellistä sitoutumista JavaScript-kirjoitettuun superjoukkoon:

• Angular 9 julkaistiin 6. helmikuuta, ja se tuki TypeScript 3.7:ää
• Angular 9.1, joka julkaistiin 25. maaliskuuta, esitteli tuen TypeScript 3.8:lle
• Angular 10 tukee nyt vain TypeScript 3.9:ää

Huomaa, että tämä on murtava muutos: TypeScript 3.8:aa ja aiempia versioita ei enää tueta Angularissa, ja jos jostain syystä tarvitset niitä, sinun ei pitäisi päivittää Angular 10:een sovelluksesi eheyden säilyttämiseksi.

TSlib, TypeScriptin virallinen ajonaikainen kirjasto, joka sisältää kaikki TypeScript-aputoiminnot, on päivitetty versioon 2.0.

TSLint, staattinen analyysityökalu, joka tarkistaa TypeScript-koodin luettavuuden, ylläpidettävyyden ja toiminnallisuusvirheet, on päivitetty versioon 6. Tämä on TSLintin viimeinen suuri versio ennen sen vanhenemista, joten on todennäköistä, että uusi Angular-versio tukee TypeScript ESLint, TSLintin evoluutio, jonka avulla ESLint tukee TypeScriptiä.

Uusi projektirakenne

Toinen alue, jossa myös Angular TypeScript -tuki päivitettiin, on projektin ulkoasu. Versio 10 sisältää nyt uuden tsconfig.base.json. Tämä uusi tiedosto toimii yhdessä perinteisen tsconfig.json:

• tiedosto tsconfig.jsonsisältää luettelon polkuista muihin nykyiseen projektiin sisältyviin TypeScript-määritystiedostoihin, jotta voidaan määrittää, mihin kokoonpanotiedostoon tiedosto kuuluu, jotta se voi käyttää tarvittavia asetuksia. Vaikka koodieditorit ja TypeScriptin kielipalvelin käyttävät tätä tiedostoa paremman kehityskokemuksen saavuttamiseksi, kääntäjät eivät.
• Tiedosto tsconfig.base.jsonmäärittää TypeScript- ja Angular-kääntäjän perusasetukset, jotka kaikki työtilan projektit perivät.

Sovelluksen päivittäminen sovelluksella ng updatepäivittää rakenteen automaattisesti käyttämään uutta tsconfig.base.json.

Uudet tiukat asetukset

Angular 10 tarjoaa nyt uuden vaihtoehdon CLI-komennolle ng new. Kun luot uuden työtilan kanssa

ng new --strict

uudessa työtilassa on uudet asetukset kytkettynä päälle TypeScriptin tiukan tilan aktivoimiseksi ja linting-sääntöjen määrittämiseksi tyypin ilmoittamisen estämiseksi any. Tämä mahdollistaa virheiden havaitsemisen etukäteen, ja CLI voi myös suorittaa edistyneitä optimointeja sovellukselle.

Lisää muutoksia Angular 10:ssä

Tämä viesti tiivisti Angular TypeScript -tuen muutoksista. On monia muita muutoksia, joista voit lukea Angular 10 -julkaisublogiviestistä