fix: fixed HMR of styles on template change (#153) (#170)

underfin · Jan 25, 2022 · 38b6d4f · 38b6d4f
1 parent df64cc8
commit 38b6d4f
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/src/hmr.ts b/src/hmr.ts
@@ -5,6 +5,7 @@ import {
   setPrevDescriptor,
 } from './utils/descriptorCache'
 import { ModuleNode, HmrContext } from 'vite'
+import { isCSSRequest } from './utils/css'
 import { ResolvedOptions } from './index'
 import { SFCBlock } from '@vue/component-compiler-utils'
 
@@ -114,6 +115,12 @@ export async function handleHotUpdate(
     // template is inlined into main, add main module instead
     if (!templateModule) {
       affectedModules.add(mainModule)
+    } else if (mainModule) {
+      for (const importer of mainModule.importers) {
+        if (isCSSRequest(importer.url)) {
+          affectedModules.add(importer)
+        }
+      }
     }
   }
   if (didUpdateStyle) {

diff --git a/src/utils/css.ts b/src/utils/css.ts
@@ -0,0 +1,5 @@
+const cssLangs = `\\.(css|less|sass|scss|styl|stylus|pcss|postcss)($|\\?)`
+const cssLangRE = new RegExp(cssLangs)
+
+export const isCSSRequest = (request: string): boolean =>
+  cssLangRE.test(request)