fix: perform a HMR update after inserting a new CSS module

Fixes #706
webpack-contrib · Feb 5, 2023 · 3ddfe0e · 3ddfe0e
1 parent 38fcf7d
commit 3ddfe0e
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/src/hmr/hotModuleReplacement.js b/src/hmr/hotModuleReplacement.js
@@ -246,6 +246,8 @@ function isUrlRequest(url) {
   return true;
 }
 
+const updateFunctionMap = Object.create(null);
+
 /**
  * @param {TODO} moduleId
  * @param {TODO} options
@@ -258,6 +260,11 @@ module.exports = function (moduleId, options) {
     return noop;
   }
 
+  const key = JSON.stringify({ moduleId, options });
+  if (updateFunctionMap[key]) {
+    return updateFunctionMap[key];
+  }
+
   const getScriptSrc = getCurrentScriptUrl(moduleId);
 
   function update() {
@@ -281,5 +288,6 @@ module.exports = function (moduleId, options) {
     }
   }
 
-  return debounce(update, 50);
+  updateFunctionMap[key] = debounce(update, 50);
+  return updateFunctionMap[key];
 };
diff --git a/src/loader.js b/src/loader.js
@@ -60,6 +60,9 @@ function hotLoader(content, context) {
   })});
       module.hot.dispose(cssReload);
       ${accept}
+      if (module.hot.status() !== "idle") {
+        cssReload();
+      }
     }
   `;
 }