feat(dev): reuse main dev port for vite hmr (#184)

nuxt · Sep 14, 2023 · 61383d1 · 61383d1
1 parent 5e97bc2
commit 61383d1
Showing 1 changed file with 22 additions and 0 deletions.
diff --git a/src/utils/dev.ts b/src/utils/dev.ts
@@ -147,6 +147,28 @@ class NuxtDevServer extends EventEmitter {
       },
     })
 
+    // Connect Vite HMR
+    this._currentNuxt.hooks.hookOnce(
+      'vite:extendConfig',
+      (config, { isClient }) => {
+        if (isClient && config.server) {
+          config.server.hmr = {
+            ...(config.server.hmr as Exclude<
+              typeof config.server.hmr,
+              boolean
+            >),
+            protocol: undefined,
+            port: undefined,
+            host: undefined,
+            server: this.listener.server,
+          }
+        }
+      },
+    )
+    this._currentNuxt.hooks.hookOnce('close', () => {
+      this.listener.server.removeAllListeners('upgrade')
+    })
+
     // Write manifest and also check if we need cache invalidation
     if (!reload) {
       const previousManifest = await loadNuxtManifest(