Nouveaux changements de prise en charge de Angular TypeScript dans la version 10

Angular a récemment publié sa version 10 et ses nombreuses fonctionnalités. Un changement important est le fait que son nouveau support TypeScript rompt la compatibilité avec les versions précédentes. Voyons ce qui est nouveau et comment cela profite aux développeurs Angular.

Les modifications apportées à la prise en charge de TypeScript dans Angular 10 peuvent être résumées dans trois domaines :

Nouvelle prise en charge de TypeScript 3.9

Angular 10 est une version majeure publiée le 24 juin et chargée de nombreux nouveaux ajouts: des composants de l’interface utilisateur comme un nouveau sélecteur de plage de dates aux changements majeurs sous le capot comme sa prise en charge de la version TypeScript.

La prise en charge de Angular TypeScript a été mise à jour très rapidement, démontrant un engagement total envers le sur-ensemble typé JavaScript :

• Angular 9 publié le 6 février prend en charge TypeScript 3.7
• Angular 9.1 publié le 25 mars a introduit la prise en charge de TypeScript 3.8
• Angular 10 ne prend désormais en charge que TypeScript 3.9

Notez qu’il s’agit d’un changement radical : TypeScript 3.8 et les versions antérieures ne sont plus prises en charge sur Angular et si vous en avez besoin pour une raison quelconque, vous ne devez pas mettre à jour vers Angular 10 pour préserver l’intégrité de votre application.

TSlib, la bibliothèque d’exécution officielle pour TypeScript qui contient toutes les fonctions d’assistance TypeScript, a été mise à jour vers la version 2.0.

TSLint, l’outil d’analyse statique qui vérifie la lisibilité, la maintenabilité et les erreurs de fonctionnalité du code TypeScript, a été mis à jour vers la version 6. Il s’agit de la dernière version majeure de TSLint avant qu’il ne devienne obsolète. Il est donc probable qu’une nouvelle version angulaire introduira la prise en charge de TypeScript ESLint, l’évolution de TSLint qui permet à ESLint de prendre en charge TypeScript.

Nouvelle structure de projet

Un autre domaine où la prise en charge d’Angular TypeScript a également été mis à jour est la mise en page du projet. La version 10 introduit désormais un nouveau tsconfig.base.json. Ce nouveau fichier fonctionne en conjonction avec le traditionnel tsconfig.json:

• le tsconfig.jsonfichier contient une liste de chemins vers d’autres fichiers de configuration TypeScript inclus dans le projet en cours pour déterminer à quel fichier de configuration appartient un fichier afin qu’il puisse appliquer les options appropriées. Alors que les éditeurs de code et le serveur de langage de TypeScript utilisent ce fichier pour une meilleure expérience de développement, les compilateurs ne le font pas.
• Le tsconfig.base.jsonfichier spécifie les options de base du compilateur TypeScript et Angular dont héritent tous les projets de l’espace de travail.

La mise à jour d’une application avec ng updatemettra automatiquement à jour la structure pour utiliser le nouveau tsconfig.base.json.

Nouveaux paramètres stricts

Angular 10 propose désormais une nouvelle option pour la commande CLI ng new. Lorsque vous créez un nouvel espace de travail avec

ng new --strict

le nouvel espace de travail aura de nouveaux paramètres activés pour activer le mode strict dans TypeScript et configurer des règles de lint pour empêcher les déclarations de type any. Cela permet d’aider à détecter les bogues à l’avance et permet également à la CLI d’effectuer des optimisations avancées sur l’application.

Plus de changements dans Angular 10

Cet article résume les modifications apportées à la prise en charge d’Angular TypeScript. Il y a beaucoup plus de changements que vous pouvez lire dans le billet de blog de la version Angular 10