BT

Êtes-vous prêts pour InfoQ 3.0? Testez le nouveau design et dites-nous ce que vous en pensez!

Angular 5 apporte une compilation incrémentale plus rapide

| par Abel Avram Suivre 12 Abonnés , traduit par Hadrien Pierart Suivre 0 Abonnés le 13 nov. 2017. Durée de lecture estimée: 2 minutes |

Google a publié Angular 5, ajoutant des optimisations de build, une compilation incrémentale et un meilleur support pour l'internationalisation, entre autres.

Angular 5 est une nouvelle version majeure du framework web populaire soutenu par Google. Parmi les dizaines de nouvelles fonctionnalités et améliorations de performances, nous avons choisi de détailler quelques-unes qui semblent avoir le plus d'impact sur le travail de développement.

Optimisation de build. CLI 1.5 génère des projets v5 avec l'optimisation de build activée par défaut, générant des ensembles plus petits. Certaines parties de l'application seront marquées comme «pures» afin d'aider au nettoyage lors de la suppression des parties qui ne sont pas nécessaires. De plus, les décorateurs Angular sont supprimés du code d'exécution, ce qui rend le code plus petit et plus rapide à démarrer.

Compilateur. Le compilateur Angular supporte les builds incrémentaux, en réduisant de 90% le temps de compilation dans les tests sur les projets réels en utilisant les transformations de Typescript. Étant donné que le temps de compilation est passé sous les 2 secondes pour les grands projets, AOT sera activé par défaut dans une future version de l'interface de ligne de commande.

Universal State Transfer. Angular 5 a ajouté ServerTransferStateModule et BrowserTransferStateModule pour transférer l'état calculé lors du rendu côté serveur vers le client afin qu'il n'ait pas à être généré à nouveau.

Domino. Angular prend désormais en charge Domino, une implémentation DOM côté serveur, ajoutant la prise en charge de plusieurs bibliothèques JavaScript de composants côté serveur.

Espaces. Les développeurs peuvent choisir de conserver ou non les espaces blancs des composants en spécifiant l'option dans le décorateur ou au niveau de l'application dans tsconfig.json.

Internationalisation.. Angular 5 a de nouveaux pipes pour les dates, les nombres et les devises pour une meilleure prise en charge de l'internationalisation à travers les navigateurs, supprimant le besoin de polyfills correspondants. Plus de détails sur comment utiliser les pipes I18n et comment revenir à l'ancien mécanisme peuvent être trouvés ici .

Cette dernière version introduit quelques changements de rupture, mais rien de problématique comme le passage de Angular 1.x à 2. L'un d'eux est la dépendance sur TypeScript 2.4.x. En outre, certaines sections de code ont été dépréciées. Pour la liste complète des modifications, nous vous recommandons de lire les Release Notes.

Evaluer cet article

Pertinence
Style

Bonjour étranger!

Vous devez créer un compte InfoQ ou cliquez sur pour déposer des commentaires. Mais il y a bien d'autres avantages à s'enregistrer.

Tirez le meilleur d'InfoQ

Donnez-nous votre avis

Html autorisé: a,b,br,blockquote,i,li,pre,u,ul,p

M'envoyer un email pour toute réponse à l'un de mes messages dans ce sujet
Commentaires de la Communauté

Html autorisé: a,b,br,blockquote,i,li,pre,u,ul,p

M'envoyer un email pour toute réponse à l'un de mes messages dans ce sujet

Html autorisé: a,b,br,blockquote,i,li,pre,u,ul,p

M'envoyer un email pour toute réponse à l'un de mes messages dans ce sujet

Discuter
BT