Allow data option to prepend style to scss, less, stylus blocks (#95)

* Allow data option to prepend style in scss, less, stylus * Add default config for less
vuejs · May 14, 2017 · 4f31e4f · 4f31e4f
1 parent f8110f6
commit 4f31e4f
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 13 deletions.
diff --git a/src/options.js b/src/options.js
@@ -60,6 +60,9 @@ export default {
     // Config for node-sass.
     scss: {},
 
+    // Config for less.
+    less: {},
+
     // Config for stylus.
     stylus: {},
 

diff --git a/src/style/less.js b/src/style/less.js
@@ -1,12 +1,15 @@
 export default async function (style, options) {
     const less = require('less')
-    const { css, map } = await less.render(style.code, {
-        sourceMap: {
-            sourceMapFullFilename: style.id,
-            sourceMapFileInline: false
-        },
-        ...options.less
-    })
+    const { css, map } = await less.render(
+          'data' in options.less ? `${options.less.data}\n${style.code}` : style.code,
+        {
+            sourceMap: {
+                sourceMapFullFilename: style.id,
+                sourceMapFileInline: false
+            },
+            ...options.less
+        }
+    )
 
     style.$compiled = {
         code: css.toString(),

diff --git a/src/style/scss.js b/src/style/scss.js
@@ -5,7 +5,7 @@ export default function (style, options) {
     debug(`SASS: ${style.id}`)
     const { css, map } = sass.renderSync({
         file: style.id,
-        data: style.code,
+        data: 'data' in options.scss ? `${options.scss.data}\n${style.code}` : style.code,
         omitSourceMapUrl: true,
         sourceMap: true,
         outFile: style.id,

diff --git a/src/style/stylus.js b/src/style/stylus.js
@@ -1,10 +1,10 @@
 export default async function (style, options) {
     const stylus = require('stylus')
-    const stylusObj = stylus(style.code, {...options.stylus})
-        .set('filename', style.id)
-        .set('sourcemap', {
-            'comment': false
-        })
+    const stylusObj = stylus('data' in options.stylus ? `${options.stylus.data}\n${style.code}` : style.code, { ...options.stylus })
+          .set('filename', style.id)
+          .set('sourcemap', {
+              'comment': false
+          })
 
     const code = await stylusObj.render()
     const map = stylusObj.sourcemap