diff --git a/packages/compiler-sfc/src/cssVars.ts b/packages/compiler-sfc/src/cssVars.ts
index 2b6036fc53c..69ee7583dfe 100644
--- a/packages/compiler-sfc/src/cssVars.ts
+++ b/packages/compiler-sfc/src/cssVars.ts
@@ -26,7 +26,7 @@ export function generateCssVars(
   id: string,
   isProd: boolean
 ): string {
-  return genCssVarsFromList(sfc.cssVars, id, isProd)
+  return sfc.cssVars.length ? genCssVarsFromList(sfc.cssVars, id, isProd) : ''
 }
 
 function genCssVarsFromList(