Universal angulaire fournit un rendu côté serveur, mais pour la compilation de laquelle on est fourni un support par défaut en angulaire?
4 Réponses :
La réponse courte est universelle utilise JIT, mais vous pouvez utiliser des modules pour changer aussi AOT pour une meilleure performance.
Explication: Utilisations angulaires AOT pour compiler TS à JS et JIT est utilisée pour la compilation de JS à exécuter du temps dans votre navigateur.
Réponse longue: Universal angulaire est tout autour du rendu côté serveur de la charge de la page initiale. Il pousse le chargement initial de l'application angulaire au serveur pour améliorer les performances. AOT (à l'avance de la compilation de l'heure) consiste à compiler le type dactylographié jusqu'à JavaScript en dehors des utilisations angulaires de processus normales - JIT (juste dans la compilation de temps). JIT compile le dossier chaque fois que la page est servie. AOT est le module utilisé pour pré-compiler la page séparément. AOT est meilleur pour la performance et devrait être utilisé dans la production. JIT est plus facile à travailler avec le développement (car vous n'avez pas besoin de compiler et de mettre à jour séparément les fichiers déployés chaque fois que vous effectuez une modification).
Pouvez-vous donner brièvement de détails?
Utilisations angulaires à l'avance (AOT) Compilation.
angulaire ne peut pas être compris par le navigateur directement, les applications angulaires nécessitent un processus de compilation avant de pouvoir fonctionner dans un navigateur.
Le compilateur angulaire à l'avance (AOT) convertit votre code HTML angulaire et dossier en code JavaScript efficace pendant la phase de construction avant que le navigateur télécharge et exécute ce code. Compiler votre application pendant le processus de construction fournit un rendu plus rapide dans le navigateur.
généralement angulaire utilisera JIT pour le mode de développement, par exemple: Universal angulaire utilise toujours des constructions AOT aussi loin que je sache. NG Servez et AOT pour la production, par exemple: NG Build --Production
Le compilateur remplace réellement le navigateur et analyse le HTML pour vous.
Objectif principal du compilateur angulaire -> transformer votre code HTML modèles en code dossier optimisé qui crée un équivalent Structure DOM
Basé de l'officiel Documentation :
Angular offre deux façons de compiler votre application:
- Just-in-Time (JIT), qui compilait votre application dans le navigateur au moment de l'exécution.
- à l'avance (AOT), qui compilait votre application à la hauteur de la construction.
en angulaire 2 :
JIT: Pour faciliter les modèles de composants chaque fois que l'utilisateur ouvre la page Web, une partie qui transforme les modèles HTML en code runnable, il s'agit d'un revers majeur à AOT. En bref, cela fonctionnera à chaque fois pour chaque utilisateur au moment de l'exécution.
AOT: Exécute l'étape de compilation pendant le processus de construction au lieu de l'intérieur du navigateur. Ainsi, lorsque vous construisez votre projet pour la production, le compilateur peut disparaître complètement de la sortie, économiser des cycles de processeur précieux lorsque la page se charge dans le navigateur de l'utilisateur. En bref, cela fonctionnera une fois à la hauteur de la construction. dans angulaire 5 + , vous pourrez négliger JIT et aller à AOT complète en raison du rendu plus rapide, moins de demandes asynchrones, une taille de téléchargement de cadre angulaire plus petit, détectez les erreurs de modèle plus tôt et une meilleure sécurité. Par conséquent, pour la dernière version angulaire 7, Aot est maintenant le meilleur compilateur recommandé que le JIT.
Remarque: nous devons savoir que la compilation JIT est la valeur par défaut mais nous pouvons Basculer vers AOT pour une meilleure performance.
C'est un bon départ: angular.io/guide/aot-compiler