Angular niedawno wyda\u0142 swoj\u0105 wersj\u0119 10 i jest pe\u0142en funkcji. Jedn\u0105 z wa\u017cnych zmian jest fakt, \u017ce nowa obs\u0142uga TypeScriptu \u0142amie kompatybilno\u015b\u0107 z poprzednimi wersjami. Zobaczmy, co nowego i jakie korzy\u015bci przynosi programistom Angulara.<\/p>\n
Zmiany w obs\u0142udze TypeScript w Angular 10 mo\u017cna podsumowa\u0107 w trzech obszarach:<\/p>\n
Angular 10 to g\u0142\u00f3wna wersja opublikowana 24 czerwca i zawieraj\u0105ca wiele nowych dodatk\u00f3w: od komponent\u00f3w interfejsu u\u017cytkownika, takich jak nowy selektor zakresu dat,<\/a> po powa\u017cne zmiany pod mask\u0105, takie jak obs\u0142uga wersji TypeScript.<\/p>\n Obs\u0142uga Angular TypeScript<\/a> jest bardzo szybko aktualizowana, pokazuj\u0105c pe\u0142ne zaanga\u017cowanie w nadzbi\u00f3r wpisany w JavaScript:<\/p>\n Zauwa\u017c, \u017ce jest to prze\u0142omowa zmiana: TypeScript 3.8 i wcze\u015bniejsze nie s\u0105 ju\u017c obs\u0142ugiwane w Angular i je\u015bli z jakiego\u015b powodu ich potrzebujesz, nie powiniene\u015b aktualizowa\u0107 do Angular 10, aby zachowa\u0107 integralno\u015b\u0107 swojej aplikacji.<\/p>\n TSlib<\/a>, oficjalna biblioteka uruchomieniowa dla TypeScript, kt\u00f3ra zawiera wszystkie funkcje pomocnicze TypeScript, zosta\u0142a zaktualizowana do wersji 2.0.<\/p>\n TSLint<\/a>, narz\u0119dzie do analizy statycznej, kt\u00f3re sprawdza kod TypeScript pod k\u0105tem czytelno\u015bci, \u0142atwo\u015bci konserwacji i b\u0142\u0119d\u00f3w funkcjonalno\u015bci, zosta\u0142o zaktualizowane do wersji 6. Jest to ostatnia g\u0142\u00f3wna wersja TSLint, zanim sta\u0142a si\u0119 przestarza\u0142a, wi\u0119c jest prawdopodobne, \u017ce nowa wersja Angulara wprowadzi obs\u0142ug\u0119 TypeScript ESLint<\/a>, ewolucja TSLint, kt\u00f3ra umo\u017cliwia ESLint obs\u0142ug\u0119 TypeScript.<\/p>\n Kolejnym obszarem, w kt\u00f3rym zaktualizowano r\u00f3wnie\u017c obs\u0142ug\u0119 Angular TypeScript, jest uk\u0142ad projektu. Wersja 10 wprowadza teraz nowy Aktualizacja aplikacji za pomoc\u0105 Angular 10 oferuje teraz now\u0105 opcj\u0119 dla polecenia CLI nowy obszar roboczy b\u0119dzie mia\u0142 w\u0142\u0105czone nowe ustawienia, aby aktywowa\u0107 tryb \u015bcis\u0142y w TypeScript i skonfigurowa\u0107 regu\u0142y lintingu, aby zapobiec deklaracjom typu W tym po\u015bcie podsumowano zmiany w obs\u0142udze Angular TypeScript. Jest o wiele wi\u0119cej zmian, o kt\u00f3rych mo\u017cesz przeczyta\u0107 w po\u015bcie na blogu dotycz\u0105cym wydania Angulara 10<\/a><\/p>\n\n
Nowa struktura projektu<\/h2>\n
tsconfig.base.json<\/code>. Ten nowy plik dzia\u0142a w po\u0142\u0105czeniu z tradycyjnym tsconfig.json<\/code>:<\/p>\n\n
tsconfig.json<\/code>zawiera list\u0119 \u015bcie\u017cek do innych plik\u00f3w konfiguracyjnych TypeScript zawartych w bie\u017c\u0105cym projekcie, aby okre\u015bli\u0107, do kt\u00f3rego pliku konfiguracyjnego nale\u017cy plik, aby mo\u017cna by\u0142o zastosowa\u0107 odpowiednie opcje. Podczas gdy edytory kodu i serwer j\u0119zyka TypeScript u\u017cywaj\u0105 tego pliku, aby zapewni\u0107 lepsze \u015brodowisko programistyczne, kompilatory nie.<\/li>\ntsconfig.base.json<\/code>okre\u015bla podstawowe opcje kompilatora TypeScript i Angular, kt\u00f3re dziedzicz\u0105 wszystkie projekty w obszarze roboczym.<\/li>\n<\/ul>\nng update<\/code>automatycznie zaktualizuje struktur\u0119 tak, aby korzysta\u0142a z nowego tsconfig.base.json<\/code>.<\/p>\nNowe \u015bcis\u0142e ustawienia<\/h2>\n
ng new<\/code>. Kiedy tworzysz nowy obszar roboczy za pomoc\u0105<\/p>\nng new --strict<\/code><\/p>\nany<\/code>. Pozwala to na wy\u0142apywanie b\u0142\u0119d\u00f3w z wyprzedzeniem, a tak\u017ce pozwala CLI na przeprowadzanie zaawansowanych optymalizacji w aplikacji.<\/p>\nWi\u0119cej zmian w Angularze 10<\/h2>\n