fix(plugin-vue): trigger scss hmr on custom template languages(fix vitejs#10677)

Jevon617 · Jevon617 · commit e3230000ff04 · 2022-11-09T15:03:11.000+08:00
diff --git a/packages/plugin-vue/src/handleHotUpdate.ts b/packages/plugin-vue/src/handleHotUpdate.ts
@@ -147,8 +147,10 @@ export async function handleHotUpdate(
     if (!templateModule) {
       affectedModules.add(mainModule)
     } else if (mainModule && !affectedModules.has(mainModule)) {
+      const cssLangs = `\\.(css|less|sass|scss|styl|stylus|pcss|postcss|sss)($|\\?)`
+      const cssLangRE = new RegExp(cssLangs)
       const styleImporters = [...mainModule.importers].filter((m) =>
-        /\.css($|\?)/.test(m.url)
+        cssLangRE.test(m.url)
       )
       styleImporters.forEach((m) => affectedModules.add(m))
     }

Original file line number	Diff line number	Diff line change
`@@ -147,8 +147,10 @@ export async function handleHotUpdate(`
`147`	`147`	`if (!templateModule) {`
`148`	`148`	`affectedModules.add(mainModule)`
`149`	`149`	`} else if (mainModule && !affectedModules.has(mainModule)) {`
	`150`	+ const cssLangs = `\\.(css\|less\|sass\|scss\|styl\|stylus\|pcss\|postcss\|sss)($\|\\?)`
	`151`	`+ const cssLangRE = new RegExp(cssLangs)`
`150`	`152`	`const styleImporters = [...mainModule.importers].filter((m) =>`
`151`		`- /\.css($\|\?)/.test(m.url)`
	`153`	`+ cssLangRE.test(m.url)`
`152`	`154`	`)`
`153`	`155`	`styleImporters.forEach((m) => affectedModules.add(m))`
`154`	`156`	`}`