Quelle est la différence entre ng build et ng serve ?

Question

Quelle est la différence entre ng build et ng serve ? Qu'est-ce qui est fait ou changé exactement après ng build et ng serve ?

Answer 1

Le site ng build est intentionnellement utilisée pour construire les applications et déployer les artefacts de construction.

Le site ng serve La commande est intentionnellement destinée aux développements rapides, locaux et itératifs, ainsi qu'à la construction, la surveillance et le service de l'application à partir d'un serveur de développement CLI local.
En outre, si vous exécutez l'application angulaire en utilisant ng serve et si vous apportez des modifications à votre application, les changements sont capturés et reflétés instantanément sur l'interface utilisateur. Cela évite de démarrer et d'arrêter le serveur encore et encore.

Les deux commandes ng build et ng serve effaceront le dossier de sortie avant de construire le projet.

La principale différence est que ng build écrit les artefacts de construction générés dans le dossier de sortie et la commande ng serve ne le fait pas. Par défaut, le dossier de sortie est - dist/ .

De même, le ng serve construit les artefacts à partir de la mémoire pour un développement plus rapide.
Le site ng build génère les fichiers de sortie une seule fois et ne les sert pas.

Le site ng build --watch régénère les fichiers de sortie lorsque les fichiers sources sont modifiés. Ce site --watch est utile si vous construisez pendant le développement et que vous redéployez automatiquement les changements sur un autre serveur.

Référez-vous à ce lien pour plus d'informations sur le déploiement des applications Angular.

Answer 2

Le site ng construire La commande écrit les artefacts de construction générés dans le dossier de sortie (par défaut -dist/). L'adresse ng servir n'écrit pas la construction et construit les artefacts à partir de la mémoire pour une expérience de développement plus rapide.

Answer 3

Tout simplement

`ng build`

Cette commande construit votre application et la déploie.

`ng serve`

Cette commande construit, déploie, sert et surveille à chaque fois les changements de votre code. Si elle trouve un changement dans le code, elle construit et sert ce code automatiquement.

Answer 4

1. ng serve - il aide le code angulaire à servir automatiquement et à fournir un mécanisme de rechargement difficile.

2. ng build - le compilateur angular convertira en code exécutable JavaScript pour le déploiement dans le dossier dist.

Answer 5

Mise à jour :

Lire ce document https://docs.npmjs.com/misc/scripts#description

---

Le site ng construire est de construire des artefacts.

Le site ng servir est de pré-installer les paquets et de démarrer l'application.