fix: ignore empty style block

close vitejs/vite#1163

.gitignore

@@ -3,3 +3,4 @@ node_modules
 dist
 *.local
 yarn-error.log
+.idea/

package.json

@@ -58,7 +58,7 @@
     "vue-template-compiler": "^2.6.11"
   },
   "peerDependencies": {
-    "vite": ">=1.0.0-rc.4"
+    "vite": ">=1.0.0-rc.13"
   },
   "devDependencies": {
     "@types/fs-extra": "^9.0.1",

src/serverPlugin.ts

@@ -168,22 +168,24 @@ async function parseSFC(
   let stylesCode = ``
   let hasScoped
   if (descriptor.styles.length) {
-    descriptor.styles.forEach((s, i) => {
-      const styleRequest = publicPath + `?type=style&index=${i}`
-      if (s.scoped) hasScoped = true
-      if (s.module) {
-        const styleVar = `__style${i}`
-        const moduleName = typeof s.module === 'string' ? s.module : '$style'
-        stylesCode += `\nimport ${styleVar} from ${JSON.stringify(
-          styleRequest + '&module'
-        )}`
-        stylesCode += `\n__cssModules[${JSON.stringify(
-          moduleName
-        )}] = ${styleVar}`
-      } else {
-        stylesCode += `\nimport ${JSON.stringify(styleRequest)}`
-      }
-    })
+    descriptor.styles
+      .filter((s) => !!s.content.trim())
+      .forEach((s, i) => {
+        const styleRequest = publicPath + `?type=style&index=${i}`
+        if (s.scoped) hasScoped = true
+        if (s.module) {
+          const styleVar = `__style${i}`
+          const moduleName = typeof s.module === 'string' ? s.module : '$style'
+          stylesCode += `\nimport ${styleVar} from ${JSON.stringify(
+            styleRequest + '&module'
+          )}`
+          stylesCode += `\n__cssModules[${JSON.stringify(
+            moduleName
+          )}] = ${styleVar}`
+        } else {
+          stylesCode += `\nimport ${JSON.stringify(styleRequest)}`
+        }
+      })
   }
 
   let code =