BT

Votre opinion compte! Merci de bien vouloir répondre au sondage InfoQ!

Angular 5 apporte une compilation incrémentale plus rapide

| par Abel Avram Suivre 4 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

Se connecter à InfoQ pour interagir sur ce qui vous importe le plus.


Récupérer votre mot de passe

Follow

Suivre vos sujets et éditeurs favoris

Bref aperçu des points saillants de l'industrie et sur le site.

Like

More signal, less noise

Créez votre propre flux en choisissant les sujets que vous souhaitez lire et les éditeurs dont vous désirez suivre les nouvelles.

Notifications

Restez à jour

Paramétrez vos notifications et ne ratez pas le contenu qui vous importe

BT