Neue Angular TypeScript-Unterstützungsänderungen in Version 10

Angular hat kürzlich seine Version 10 veröffentlicht und ist vollgepackt mit Funktionen. Eine wichtige Änderung ist die Tatsache, dass die neue TypeScript-Unterstützung die Kompatibilität mit früheren Versionen beeinträchtigt. Mal sehen, was neu ist und wie Angular-Entwickler davon profitieren.

Änderungen an der TypeScript-Unterstützung in Angular 10 lassen sich in drei Bereiche zusammenfassen:

Neue TypeScript 3.9-Unterstützung

Angular 10 ist eine Hauptversion, die am 24. Juni veröffentlicht wurde und mit vielen neuen Ergänzungen geladen ist: von UI-Komponenten wie einer neuen Datumsbereichsauswahl bis hin zu wichtigen Änderungen unter der Haube wie der Unterstützung für TypeScript-Versionen.

Die Angular TypeScript- Unterstützung wurde sehr schnell auf dem neuesten Stand gehalten, was ein vollständiges Engagement für die JavaScript-typisierte Obermenge zeigt:

• Angular 9, das am 6. Februar veröffentlicht wurde, unterstützte TypeScript 3.7
• Angular 9.1, das am 25. März veröffentlicht wurde, führte die Unterstützung für TypeScript 3.8 ein
• Angular 10 unterstützt jetzt nur noch TypeScript 3.9

Beachten Sie, dass dies eine bahnbrechende Änderung ist: TypeScript 3.8 und frühere Versionen werden von Angular nicht mehr unterstützt, und wenn Sie sie aus irgendeinem Grund benötigen, sollten Sie nicht auf Angular 10 aktualisieren, um die Integrität Ihrer App zu bewahren.

TSlib, die offizielle Laufzeitbibliothek für TypeScript, die alle TypeScript-Hilfsfunktionen enthält, wurde auf Version 2.0 aktualisiert.

TSLint, das statische Analysetool, das TypeScript-Code auf Lesbarkeit, Wartbarkeit und Funktionsfehler prüft, wurde auf Version 6 aktualisiert. Dies ist die letzte Hauptversion von TSLint, bevor sie veraltet ist, daher ist es wahrscheinlich, dass eine neue Angular-Version Unterstützung für einführen wird TypeScript ESLint, die Weiterentwicklung von TSLint, die es ESLint ermöglicht, TypeScript zu unterstützen.

Neue Projektstruktur

Ein weiterer Bereich, in dem die Angular TypeScript-Unterstützung ebenfalls aktualisiert wurde, ist das Projektlayout. Version 10 führt nun eine neue tsconfig.base.json. Diese neue Datei funktioniert in Verbindung mit dem traditionellen tsconfig.json:

• Die tsconfig.jsonDatei enthält eine Liste mit Pfaden zu anderen TypeScript-Konfigurationsdateien, die im aktuellen Projekt enthalten sind, um zu bestimmen, zu welcher Konfigurationsdatei eine Datei gehört, damit sie die entsprechenden Optionen anwenden kann. Während Code-Editoren und der Sprachserver von TypeScript diese Datei für ein besseres Entwicklungserlebnis verwenden, tun Compiler dies nicht.
• Die tsconfig.base.jsonDatei gibt die grundlegenden TypeScript- und Angular-Compileroptionen an, die alle Projekte im Arbeitsbereich erben.

Durch das Aktualisieren einer App mit ng updatewird die Struktur automatisch aktualisiert, um die neue tsconfig.base.json.

Neue strenge Einstellungen

Angular 10 bietet jetzt eine neue Option für den CLI-Befehl ng new. Beim Erstellen eines neuen Arbeitsbereichs mit

ng new --strict

Im neuen Arbeitsbereich werden neue Einstellungen aktiviert, um den strikten Modus in TypeScript zu aktivieren und Linting-Regeln zu konfigurieren, um Typdeklarationen zu verhindern any. Dies ermöglicht es, Fehler im Voraus zu erkennen, und ermöglicht es der CLI auch, erweiterte Optimierungen an der App durchzuführen.

Weitere Änderungen in Angular 10

Dieser Beitrag fasst die Änderungen in der Unterstützung von Angular TypeScript zusammen. Es gibt viele weitere Änderungen, über die Sie im Blogbeitrag zur Veröffentlichung von Angular 10 lesen können