Résoudre le problème du déploiement à chaud ne détectant pas les modifications de fichiers dans Webpack

Ci-dessous, je partagerai avec vous un article qui résout le problème du déploiement à chaud de Webpack ne détectant pas les modifications de fichiers. Il a une bonne valeur de référence et j'espère qu'il sera utile à tout le monde.

Lorsque je développais avec Webpack aujourd'hui, j'ai soudainement découvert que la fonction de déploiement à chaud ne fonctionnait pas après la modification du fichier. J'avais l'impression que Webpack ne pouvait pas détecter la modification du fichier. Après avoir longtemps lutté, j'ai toujours pensé qu'il y avait un problème avec mon code. Cependant, j'ai accidentellement redémarré la machine et j'ai découvert qu'elle pouvait à nouveau être déployée à chaud. Alors continuez à observer.

Un jour plus tard, le malheur a encore frappé et le problème est revenu.

Après quelques recherches, il s'avère que la fonction de déploiement à chaud de Webpack utilise inotify pour surveiller les modifications de fichiers, où fs.inotify.max_user_watches représente le nombre de montres qui peuvent être ajoutées par le même utilisateur en même temps (watches sont généralement destinés aux répertoires, ce qui détermine le nombre de surveillances qui peuvent être ajoutées en même temps par le même utilisateur). Le nombre de répertoires que les utilisateurs peuvent surveiller)

Par conséquent, j'ai vérifié la valeur max_user_watches actuelle du système

$ cat /proc/sys/fs/inotify/max_user_watches
8192

8192 est la valeur par défaut. Il se peut que cette valeur soit trop petite et que la valeur sous mon application Il y a trop de répertoires de fichiers, alors essayez de la modifier

echo fs.inotify.max_user_watches=524288 | sudo tee -a /etc/sysctl.conf && sudo sysctl -p

Après modification, vérifiez le résultat de la modification

$ cat /proc/sys/fs/inotify/max_user_watches
524288

D'accord, essayez le résultat de la modification et testez à nouveau le webpack Fonction de déploiement à chaud, tout est normal.

J'ai compilé ce qui précède pour vous, j'espère que cela vous sera utile à l'avenir.

Articles connexes :

Comment implémenter l'enregistrement global et l'enregistrement local dans les composants vue

Comment implémenter des méthodes globales personnalisées dans vue

Comment réaliser une interaction de données entre des composants sous-frères dans Vue2.0

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!