fix: allow less which is empty or comments only (vuejs#151)

fixes vuejs#132
znck · Nov 23, 2017 · 9387215 · 9387215
1 parent 16e7a72
commit 9387215
Show file tree

Hide file tree

Showing 5 changed files with 24 additions and 3 deletions.
diff --git a/src/style/less/index.js b/src/style/less/index.js
@@ -19,8 +19,8 @@ export default async function (style, options) {
     )
 
     style.$compiled = {
-        code: css.toString(),
-        map: map.toString()
+        code: css && css.toString() || '',
+        map: map && map.toString() || ''
     }
 
     return style

diff --git a/test/expects/empty-less.css b/test/expects/empty-less.css
diff --git a/test/expects/empty-less.js b/test/expects/empty-less.js
@@ -0,0 +1,3 @@
+var emptyLess = { template: "<div class=\"goodbye\"></div>",};
+
+export default emptyLess;
diff --git a/test/fixtures/empty-less.vue b/test/fixtures/empty-less.vue
@@ -0,0 +1,14 @@
+<template>
+<div class="goodbye"></div>
+</template>
+
+<script>
+export default {}
+</script>
+
+<style lang="less">
+</style>
+
+<style lang="less">
+// Empty essentially
+</style>
diff --git a/test/test.js b/test/test.js
@@ -67,7 +67,8 @@ function test(name) {
                 'style',
                 'stylus',
                 'external-script',
-                'postcss'
+                'postcss',
+                'empty-less'
             ].indexOf(name) > -1) {
                 var css = read('expects/' + name + '.css')
                 assert.equal(css.trim(), actualCss.trim(), 'should output style tag content')
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,3 @@
		var emptyLess = { template: "<div class=\"goodbye\"></div>",};

		export default emptyLess;