Remplacement du module à chaud
Remplacement de module à chaud
Le remplacement de module à chaud (HMR) améliore l'expérience de développement en mettant automatiquement à jour les modules dans le navigateur au moment de l'exécution sans qu'il soit nécessaire d'actualiser la page entière. Cela signifie que l’état de l’application peut être préservé malgré de petits changements. L'implémentation HMR de Parcel prend en charge les ressources JavaScript et CSS prêtes à l'emploi. HMR est automatiquement désactivé lors du conditionnement en mode production.
Lorsque vous enregistrez un fichier, Parcel reconstruit les modifications et envoie des mises à jour à tous les clients en cours d'exécution contenant le nouveau code. Le nouveau code remplace l'ancienne version et est recalculé avec toutes les ressources parents. Vous pouvez vous connecter à ce processus à l'aide de l'API module.hot, qui peut avertir votre code lorsqu'un module est sur le point d'être supprimé ou lorsqu'une nouvelle version arrive. Des projets comme React-hot-loader peuvent vous aider dans ce processus et fonctionner avec Parcel dès le départ.
Il existe deux méthodes connues : module.hot.accept et module.hot.dispose . Vous pouvez utiliser une fonction de rappel dans module.hot.accept qui est exécutée lorsque le module ou l'une de ses dépendances est mis à jour. Lorsque le module est sur le point d'être remplacé, la fonction de rappel module.hot.dispose est appelée.
if (module.hot) { module.hot.dispose(function () { // 模块即将被替换时 }); module.hot.accept(function () { // 模块或其依赖项之一刚刚更新时 }); }
Safe Write
Certains éditeurs de texte et IDE ont une fonctionnalité appelée écriture sécurisée, qui empêche essentiellement la perte de données en prenant une copie du fichier et en la copiant lors de l'enregistrement de Rename.
Cette fonctionnalité empêche la détection automatique des mises à jour de fichiers lors de l'utilisation du rechargement à chaud du module (HMR). Pour désactiver l'écriture sécurisée, utilisez les options fournies ci-dessous :
Sublime Text 3 Ajoutez atomic_save : "false" à vos préférences utilisateur.
Utilisez la recherche dans les préférences IntelliJ pour trouver « écriture sécurisée » et désactivez-la. *Vim Add :set backupcopy=yes à vos paramètres.
WebStorm Décochez « écriture sécurisée » dans Préférences > Apparence et comportement > Paramètres système.