fix(plugin-vue): support scss/sass/less... hmr on custom template languages (fix #10677) (#10844)

Author: Jevon617

packages/plugin-vue/src/handleHotUpdate.ts

@@ -1,6 +1,8 @@
 import _debug from 'debug'
 import type { SFCBlock, SFCDescriptor } from 'vue/compiler-sfc'
 import type { HmrContext, ModuleNode } from 'vite'
+import { isCSSRequest } from 'vite'
+
 import {
   createDescriptor,
   getDescriptor,
@@ -153,7 +155,7 @@ export async function handleHotUpdate(
       affectedModules.add(mainModule)
     } else if (mainModule && !affectedModules.has(mainModule)) {
       const styleImporters = [...mainModule.importers].filter((m) =>
-        /\.css(?:$|\?)/.test(m.url)
+        isCSSRequest(m.url)
       )
       styleImporters.forEach((m) => affectedModules.add(m))
     }

packages/vite/src/node/publicUtils.ts

@@ -8,7 +8,8 @@ export { version as esbuildVersion } from 'esbuild'
 export { VERSION as rollupVersion } from 'rollup'
 export {
   splitVendorChunkPlugin,
-  splitVendorChunk
+  splitVendorChunk,
+  isCSSRequest
 } from './plugins/splitVendorChunk'
 export { normalizePath, mergeConfig, mergeAlias, createFilter } from './utils'
 export { send } from './server/send'