Angular a r\u00e9cemment publi\u00e9 sa version 10 et ses nombreuses fonctionnalit\u00e9s. Un changement important est le fait que son nouveau support TypeScript rompt la compatibilit\u00e9 avec les versions pr\u00e9c\u00e9dentes. Voyons ce qui est nouveau et comment cela profite aux d\u00e9veloppeurs Angular.<\/p>\n
Les modifications apport\u00e9es \u00e0 la prise en charge de TypeScript dans Angular 10 peuvent \u00eatre r\u00e9sum\u00e9es dans trois domaines\u00a0:<\/p>\n
Angular 10 est une version majeure publi\u00e9e le 24 juin et charg\u00e9e de nombreux nouveaux ajouts: des composants de l’interface utilisateur comme un nouveau s\u00e9lecteur de plage de dates<\/a> aux changements majeurs sous le capot comme sa prise en charge de la version TypeScript.<\/p>\n La prise en charge de Angular TypeScript<\/a> a \u00e9t\u00e9 mise \u00e0 jour tr\u00e8s rapidement, d\u00e9montrant un engagement total envers le sur-ensemble typ\u00e9 JavaScript\u00a0:<\/p>\n Notez qu’il s’agit d’un changement radical\u00a0: TypeScript 3.8 et les versions ant\u00e9rieures ne sont plus prises en charge sur Angular et si vous en avez besoin pour une raison quelconque, vous ne devez pas mettre \u00e0 jour vers Angular 10 pour pr\u00e9server l’int\u00e9grit\u00e9 de votre application.<\/p>\n TSlib<\/a>, la biblioth\u00e8que d’ex\u00e9cution officielle pour TypeScript qui contient toutes les fonctions d’assistance TypeScript, a \u00e9t\u00e9 mise \u00e0 jour vers la version 2.0.<\/p>\n TSLint<\/a>, l’outil d’analyse statique qui v\u00e9rifie la lisibilit\u00e9, la maintenabilit\u00e9 et les erreurs de fonctionnalit\u00e9 du code TypeScript, a \u00e9t\u00e9 mis \u00e0 jour vers la version 6. Il s’agit de la derni\u00e8re version majeure de TSLint avant qu’il ne devienne obsol\u00e8te. Il est donc probable qu’une nouvelle version angulaire introduira la prise en charge de TypeScript ESLint<\/a>, l’\u00e9volution de TSLint qui permet \u00e0 ESLint de prendre en charge TypeScript.<\/p>\n Un autre domaine o\u00f9 la prise en charge d’Angular TypeScript a \u00e9galement \u00e9t\u00e9 mis \u00e0 jour est la mise en page du projet. La version 10 introduit d\u00e9sormais un nouveau La mise \u00e0 jour d’une application avec Angular 10 propose d\u00e9sormais une nouvelle option pour la commande CLI le nouvel espace de travail aura de nouveaux param\u00e8tres activ\u00e9s pour activer le mode strict dans TypeScript et configurer des r\u00e8gles de lint pour emp\u00eacher les d\u00e9clarations de type Cet article r\u00e9sume les modifications apport\u00e9es \u00e0 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<\/a><\/p>\n\n
Nouvelle structure de projet<\/h2>\n
tsconfig.base.json<\/code>. Ce nouveau fichier fonctionne en conjonction avec le traditionnel tsconfig.json<\/code>:<\/p>\n\n
tsconfig.json<\/code>fichier contient une liste de chemins vers d’autres fichiers de configuration TypeScript inclus dans le projet en cours pour d\u00e9terminer \u00e0 quel fichier de configuration appartient un fichier afin qu’il puisse appliquer les options appropri\u00e9es. Alors que les \u00e9diteurs de code et le serveur de langage de TypeScript utilisent ce fichier pour une meilleure exp\u00e9rience de d\u00e9veloppement, les compilateurs ne le font pas.<\/li>\ntsconfig.base.json<\/code>fichier sp\u00e9cifie les options de base du compilateur TypeScript et Angular dont h\u00e9ritent tous les projets de l’espace de travail.<\/li>\n<\/ul>\nng update<\/code>mettra automatiquement \u00e0 jour la structure pour utiliser le nouveau tsconfig.base.json<\/code>.<\/p>\nNouveaux param\u00e8tres stricts<\/h2>\n
ng new<\/code>. Lorsque vous cr\u00e9ez un nouvel espace de travail avec<\/p>\nng new --strict<\/code><\/p>\nany<\/code>. Cela permet d’aider \u00e0 d\u00e9tecter les bogues \u00e0 l’avance et permet \u00e9galement \u00e0 la CLI d’effectuer des optimisations avanc\u00e9es sur l’application.<\/p>\nPlus de changements dans Angular 10<\/h2>\n