From e3230000ff04deac6057ee0e59861d04da97fa8e Mon Sep 17 00:00:00 2001
From: Mr-ccyou <1787176370@qq.com>
Date: Wed, 9 Nov 2022 15:03:11 +0800
Subject: [PATCH] fix(plugin-vue): trigger scss hmr on custom template
 languages(fix #10677)

---
 packages/plugin-vue/src/handleHotUpdate.ts | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/plugin-vue/src/handleHotUpdate.ts b/packages/plugin-vue/src/handleHotUpdate.ts
index 0db6b23f936280..b58c07449071ca 100644
--- 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))
     }