Nowe zmiany w obsłudze Angular TypeScript w wersji 10

Angular niedawno wydał swoją wersję 10 i jest pełen funkcji. Jedną z ważnych zmian jest fakt, że nowa obsługa TypeScriptu łamie kompatybilność z poprzednimi wersjami. Zobaczmy, co nowego i jakie korzyści przynosi programistom Angulara.

Zmiany w obsłudze TypeScript w Angular 10 można podsumować w trzech obszarach:

Nowa obsługa TypeScript 3.9

Angular 10 to główna wersja opublikowana 24 czerwca i zawierająca wiele nowych dodatków: od komponentów interfejsu użytkownika, takich jak nowy selektor zakresu dat, po poważne zmiany pod maską, takie jak obsługa wersji TypeScript.

Obsługa Angular TypeScript jest bardzo szybko aktualizowana, pokazując pełne zaangażowanie w nadzbiór wpisany w JavaScript:

• Angular 9 wydany 6 lutego obsługuje TypeScript 3.7
• Angular 9.1 wydany 25 marca wprowadził wsparcie dla TypeScript 3.8
• Angular 10 obsługuje teraz tylko TypeScript 3.9

Zauważ, że jest to przełomowa zmiana: TypeScript 3.8 i wcześniejsze nie są już obsługiwane w Angular i jeśli z jakiegoś powodu ich potrzebujesz, nie powinieneś aktualizować do Angular 10, aby zachować integralność swojej aplikacji.

TSlib, oficjalna biblioteka uruchomieniowa dla TypeScript, która zawiera wszystkie funkcje pomocnicze TypeScript, została zaktualizowana do wersji 2.0.

TSLint, narzędzie do analizy statycznej, które sprawdza kod TypeScript pod kątem czytelności, łatwości konserwacji i błędów funkcjonalności, zostało zaktualizowane do wersji 6. Jest to ostatnia główna wersja TSLint, zanim stała się przestarzała, więc jest prawdopodobne, że nowa wersja Angulara wprowadzi obsługę TypeScript ESLint, ewolucja TSLint, która umożliwia ESLint obsługę TypeScript.

Nowa struktura projektu

Kolejnym obszarem, w którym zaktualizowano również obsługę Angular TypeScript, jest układ projektu. Wersja 10 wprowadza teraz nowy tsconfig.base.json. Ten nowy plik działa w połączeniu z tradycyjnym tsconfig.json:

• plik tsconfig.jsonzawiera listę ścieżek do innych plików konfiguracyjnych TypeScript zawartych w bieżącym projekcie, aby określić, do którego pliku konfiguracyjnego należy plik, aby można było zastosować odpowiednie opcje. Podczas gdy edytory kodu i serwer języka TypeScript używają tego pliku, aby zapewnić lepsze środowisko programistyczne, kompilatory nie.
• Plik tsconfig.base.jsonokreśla podstawowe opcje kompilatora TypeScript i Angular, które dziedziczą wszystkie projekty w obszarze roboczym.

Aktualizacja aplikacji za pomocą ng updateautomatycznie zaktualizuje strukturę tak, aby korzystała z nowego tsconfig.base.json.

Nowe ścisłe ustawienia

Angular 10 oferuje teraz nową opcję dla polecenia CLI ng new. Kiedy tworzysz nowy obszar roboczy za pomocą

ng new --strict

nowy obszar roboczy będzie miał włączone nowe ustawienia, aby aktywować tryb ścisły w TypeScript i skonfigurować reguły lintingu, aby zapobiec deklaracjom typu any. Pozwala to na wyłapywanie błędów z wyprzedzeniem, a także pozwala CLI na przeprowadzanie zaawansowanych optymalizacji w aplikacji.

Więcej zmian w Angularze 10

W tym poście podsumowano zmiany w obsłudze Angular TypeScript. Jest o wiele więcej zmian, o których możesz przeczytać w poście na blogu dotyczącym wydania Angulara 10