fix(dev/css): fix hmr for css referenced in html via <link>

fix #469
vitejs · Jul 2, 2020 · 202ee6e · 202ee6e
1 parent 1fa4d9a
commit 202ee6e
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/src/client/client.ts b/src/client/client.ts
@@ -108,6 +108,17 @@ async function handleMessage(payload: HMRPayload) {
       })
       break
     case 'style-update':
+      // check if this is referenced in html via <link>
+      const el = document.querySelector(`link[href*='${path}']`)
+      if (el) {
+        bustSwCache(path)
+        el.setAttribute(
+          'href',
+          `${path}${path.includes('?') ? '&' : '?'}t=${timestamp}`
+        )
+        break
+      }
+      // imported CSS
       const importQuery = path.includes('?') ? '&import' : '?import'
       bustSwCache(`${path}${importQuery}`)
       await import(`${path}${importQuery}&t=${timestamp}`)