fix: Throw style compilation errors (#235)

* fix: Throw style compilation errors

* chore: Remove commented code and add new line at EOF

* chore: change 'let' to 'const'

Author: Nandiin

src/index.ts

@@ -209,13 +209,18 @@ export default function VuePlugin(opts: VuePluginOptions = {}): Plugin {
             ? hash(path.basename(filename) + source)
             : hash(filename + source))
         descriptors.set(filename, descriptor)
+
+        const styles = await Promise.all(
+          descriptor.styles.map(async style => {
+            const compiled = await compiler.compileStyleAsync(filename, scopeId, style)
+            if (compiled.errors.length > 0) throw Error(compiled.errors[0])
+            return compiled
+          })
+        )
+
         const input: any = {
           scopeId,
-          styles: await Promise.all(
-            descriptor.styles.map(style =>
-              compiler.compileStyleAsync(filename, scopeId, style)
-            )
-          ),
+          styles,
           customBlocks: []
         }
 

test/forward-style-compiler-errors.spec.ts

@@ -0,0 +1,16 @@
+import pluginVue from '..'
+describe("forward-style-compiler-errors", () => {
+  it("throws", async () => {
+    let plugin = pluginVue()
+    await expect((plugin as any).transform(`
+        <template>
+        <div>Hello, world</div>
+        </template>
+        <style lang="scss">
+        @import 'file-not-exits.scss';
+        </style>
+        `, 'virtual-file.vue'
+      )
+    ).rejects.toBeInstanceOf(Error)
+  })
+})