feat(compiler-sfc): support additionalData option in compileStyle…

… when processing sass (#1952)
vuejs · Sep 15, 2020 · 9377352 · 9377352
1 parent 890ca8a
commit 9377352
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 1 deletion.
diff --git a/packages/compiler-sfc/__tests__/compileStyle.spec.ts b/packages/compiler-sfc/__tests__/compileStyle.spec.ts
@@ -336,4 +336,26 @@ describe('SFC style preprocessors', () => {
  path.join(__dirname, './fixture/import.scss')
  ])
  })
+
+ test('scss respect user-defined options.additionalData', () => {
+ const res = compileStyle({
+ preprocessOptions: {
+ additionalData: `
+ @mixin square($size) {
+ width: $size;
+ height: $size;
+ }`
+ },
+ source: `
+ .square {
+ @include square(100px);
+ }
+ `,
+ filename: path.resolve(__dirname, './fixture/test.scss'),
+ id: '',
+ preprocessLang: 'scss'
+ })
+
+ expect(res.errors.length).toBe(0)
+ })
 })
diff --git a/packages/compiler-sfc/src/stylePreprocessors.ts b/packages/compiler-sfc/src/stylePreprocessors.ts
@@ -24,7 +24,7 @@ const scss: StylePreprocessor = (source, map, options, load = require) => {
  const nodeSass = load('sass')
  const finalOptions = {
  ...options,
- data: source,
+ data: (options.additionalData || '') + source,
  file: options.filename,
  outFile: options.filename,
  sourceMap: !!map