Webpack Watch Mode: Compilation automatique

Webpack Le mode veille de est une fonctionnalité qui permet à l'outil de surveiller vos fichiers source pour les modifications et de déclencher automatiquement la recompilation chaque fois qu'une modification est détectée. Ceci est particulièrement utile lors du développement, car cela vous permet de gagner du temps en évitant une recompilation manuelle à chaque fois que vous apportez des modifications à votre code.

Voici comment vous pouvez utiliser Webpack le mode montre de:

Exécution Webpack en mode montre

Pour exécuter Webpack en mode montre, vous pouvez utiliser le --watch drapeau lors de l'exécution de la webpack commande via votre terminal. Par exemple:

npx webpack --watch

Avec cette commande, Webpack commencera à regarder vos fichiers source et recompilera automatiquement le bundle chaque fois que vous y enregistrerez des modifications.

Webpack Configuration

Vous pouvez également configurer le mode veille dans votre webpack fichier de configuration( webpack.config.js) en ajoutant l' watch: true option :

module.exports = {  
  // ...other configuration options  
  
  watch: true  
};  

De cette façon, vous n'avez pas besoin d'utiliser l' --watch indicateur à chaque fois que vous exécutez la webpack commande.

Comportement

Lorsqu'il Webpack est en mode veille, il surveillera en permanence vos fichiers source pour détecter les modifications. Chaque fois que vous apportez des modifications et enregistrez les fichiers, Webpack recompilera automatiquement le bundle. Cela vous permet de voir les changements dans votre application sans avoir à déclencher manuellement le processus de génération à chaque fois.

Gardez à l'esprit que bien que le mode veille soit idéal pour le développement, il n'est généralement pas utilisé dans les versions de production, car il peut consommer des ressources inutiles. Pour les versions de production, vous utiliserez généralement Webpack pour créer des bundles optimisés et minifiés sans mode de surveillance.

N'oubliez pas de vous référer à la documentation officielle Webpack pour les informations les plus récentes sur l'utilisation du mode montre et ses options associées.