Quelle est la différence entre l'utilisation
webpack --watch
et
webpack-dev-server --hot
Merci.
Réponse
Trop de publicités?
Selon webpack documentation @ https://webpack.github.io/docs/tutorials/getting-started/#watch-mode
Lors de l'utilisation de la montre de mode, webpack installe fichier observateurs de tous les fichiers, qui ont été utilisés dans le processus de compilation. Si un changement est détecté, il va exécuter à nouveau la compilation. Quand le cache est activé, webpack conserve chaque module en mémoire, et de la réutiliser si elle n'est pas modifiée.
Donc, en gros, la différence entre l'exécution en webpack et webpack --watch est que dans l'utilisation de --watch, votre CLI se bloque après le processus de compilation en attente pour toutes les modifications de code dans vos fichiers et si il y a un changement, alors il est de recompiler et attendre de nouveau. Vous devez être conscient que si vous utilisez webpack-dev-serveur, alors vous n'avez pas besoin d'utiliser cette option car webpack-dev-server utilise webpack montre par défaut, le mode selon sa documentation:
Le serveur de dev utilise webpack de montre de mode. Il empêche également webpack de générer les fichiers sur le disque. Au lieu de cela elle garde et sert les fichiers résultant de la mémoire.
Alors, qu'est - webpack-dev-server --hot? Fondamentalement, ce qui ajoute de l' HotModuleReplacementPlugin de la webpack de configuration, qui permettront essentiellement pour recharger le composant qui est changé au lieu de faire une actualisation de la page entière! Vachement utile lorsque vous travaillez avec les etats! Selon la documentation:
Chaque mode prend également en charge Remplacement de Module à Chaud, dans lequel le module est averti qu'un changement est survenu au lieu d'un rechargement complet de la page. Une Chaude Remplacement du Module d'exécution peut alors charger les modules mis à jour et de les injecter dans l'application en cours d'exécution.
Plus d'informations sur ce que c'est et comment l'utilisé ici: https://webpack.github.io/docs/webpack-dev-server.html#hot-module-replacement
J'espère que cela vous aide à comprendre webpack un peu plus!
