Inject SCSS variables in vue files.

antoniandre · antoniandre · commit 4f3c9e5cd8e1 · 2021-07-17T17:44:44.000-04:00
diff --git a/vue.config.js b/vue.config.js
@@ -18,5 +18,12 @@ module.exports = {
         options.compilerOptions.whitespace = 'preserve'
         return options
       })
+  },
+  css: {
+    loaderOptions: {
+      scss: {
+        additionalData: '@import "@/scss/_variables.scss";'
+      }
+    }
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -18,5 +18,12 @@ module.exports = {`
`18`	`18`	`options.compilerOptions.whitespace = 'preserve'`
`19`	`19`	`return options`
`20`	`20`	`})`
	`21`	`+ },`
	`22`	`+ css: {`
	`23`	`+ loaderOptions: {`
	`24`	`+ scss: {`
	`25`	`+ additionalData: '@import "@/scss/_variables.scss";'`
	`26`	`+ }`
	`27`	`+ }`
`21`	`28`	`}`
`22`	`29`	`}`