fix: initial reloading for lazy compilation

Author: alexander-akait

client-src/index.js

@@ -1,4 +1,4 @@
-/* global __resourceQuery */
+/* global __resourceQuery, __webpack_hash__ */
 
 import webpackHotLog from "webpack/hot/log.js";
 import stripAnsi from "./modules/strip-ansi/index.js";
@@ -10,11 +10,10 @@ import sendMessage from "./utils/sendMessage.js";
 import reloadApp from "./utils/reloadApp.js";
 import createSocketURL from "./utils/createSocketURL.js";
 
-const status = { isUnloading: false, currentHash: "" };
+const status = { isUnloading: false, currentHash: __webpack_hash__ };
 const options = {
   hot: false,
   liveReload: false,
-  initial: true,
   progress: false,
   overlay: false,
 };
@@ -110,10 +109,6 @@ const onSocketMessage = {
       hide();
     }
 
-    if (options.initial) {
-      return (options.initial = false);
-    }
-
     reloadApp(options, status);
   },
   // TODO: remove in v5 in favor of 'static-changed'
@@ -157,10 +152,6 @@ const onSocketMessage = {
       show(warnings, "warnings");
     }
 
-    if (options.initial) {
-      return (options.initial = false);
-    }
-
     reloadApp(options, status);
   },
   errors(errors) {
@@ -184,8 +175,6 @@ const onSocketMessage = {
     if (needShowOverlay) {
       show(errors, "errors");
     }
-
-    options.initial = false;
   },
   error(error) {
     log.error(error);

client-src/utils/reloadApp.js

@@ -1,3 +1,5 @@
+/* global __webpack_hash__ */
+
 import hotEmitter from "webpack/hot/emitter.js";
 import { log } from "./log.js";
 
@@ -6,6 +8,12 @@ function reloadApp({ hot, liveReload }, { isUnloading, currentHash }) {
     return;
   }
 
+  const isInitial = currentHash.indexOf(__webpack_hash__) === 0;
+
+  if (isInitial) {
+    return;
+  }
+
   function applyReload(rootWindow, intervalId) {
     clearInterval(intervalId);