Angular CLI - Comment désactiver le rechargement automatique lorsque NG serve


91

Lors de la diffusion de mon application avec Angular cli, comment désactiver le rechargement automatique?

ng --helpmentionne l' --live-reloadoption, mais je ne peux pas la faire fonctionner.

ng serve --live-reload=falseou ng serve --live-reload falsene fonctionne pas

EDIT: cela semble être un bug https://github.com/angular/angular-cli/issues/1755


nous, pauvres développeurs Windows, avons besoin de cela pour empêcher que les index de recherche / antivirus ne déclenchent des reconstructions permanentes ...
Sam Jason Braddock

selon cette pull request, il devrait être corrigé bientôt
alex kucksdorf

Réponses:


153

Faites juste ng serve --live-reload falseoung serve --no-live-reload

Cela ne fonctionnait pas, ce PR l'a résolu.


Puis-je arrêter le rechargement de certains fichiers particuliers, comme je veux arrêter le rechargement en cas de modifications des fichiers css, est-ce possible?
Pardeep Jain

3
pour moi, j'ai dû ajouter un signe égalng serve --live-reload=false
cup_of

ne travaille pas pour moi avec --aot --prod. Je n'ai pas essayé d'autres paramètres, mais cela ne fonctionne pas.
Simon_Weaver le

2
pourquoi se développer avec le --prodmode activé, cependant?
maxbellec

@maxbellec car le développement inclut des tests de bout en bout. Je pourrais l'utiliser 2% du temps, mais je souhaite toujours avoir la possibilité de tester toute ma configuration de production - et toutes les nuances de versions de production. Étant donné que je peux maintenant utiliser le tunnel argo via cloudflare (qui met en cache) pour inverser le proxy vers ma machine, je peux avoir une assez bonne idée de la vitesse à laquelle le site sera sur une connexion de données cellulaires sans avoir besoin d'un véritable environnement de préparation.
Simon_Weaver le

11

servir votre application avec cette commande:

ng serve --live-reload=false

si vous souhaitez exécuter votre application en mode prod , utilisez la commande suivante

ng serve --source-map=false --aot --prod --live-reload=false

8

Je pense que vous souhaitez uniquement désactiver l' option de reconstruction lors du changement

Essayez simplement:

$ ng serve --watch=true|false

1
--watchest une chose, en --live-reloadest une autre. Je ne pense pas que votre réponse concerne vraiment le PO.
BrunoJCM

0

La solution consiste à mettre à niveau la version de l'interface de ligne de commande que vous utilisez. L'interface de ligne de commande utilise désormais la mémoire pour le processus de construction et n'écrit plus sur le disque. Cela aide avec le problème d'écriture antivirus / disque.


cela pourrait résoudre le problème dès le premier commentaire, mais je pense que cela ne résout pas le vrai problème, il n'y a toujours (à ma connaissance, la dernière fois que j'ai vérifié dans les discussions Github) aucun moyen de faire --live-reloadfonctionner le cli
maxbellec

La désactivation du rechargement en direct revient, mais je suppose que l'autre question est de savoir pourquoi est-ce nécessaire? Je n'ai pas vu de cas d'utilisation pour le désactiver.
zmanc

3
cela me gêne surtout lorsque je modifie un modèle, puis je reviens au navigateur pour vérifier quelque chose dans les outils de développement uniquement pour savoir que la page sur laquelle je travaille n'est pas disponible car l'application est cassée (elle a été actualisée avant que je fini de modifier le modèle) et je ne peux plus voir la page
maxbellec

vu le nombre de commentaires sur le problème de github, je suppose que je ne suis pas le seul à être ennuyé par cela
maxbellec

Frappant toujours ça. J'essaie de fonctionner ng servevia cloudflare (ils ont un nouveau tunnel appelé tunnel argo qui me permet d'inverser le proxy de ma machine de développement). Je veux tester sur https approprié, sur un CDN sans une version appropriée. Parfois aussi, je peux éditer en temps réel avec d'autres prévisualisant le site lors d'une réunion et je ne veux pas qu'il se recharge jusqu'à ce que je leur dise d'appuyer sur le rechargement.
Simon_Weaver le
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.