diff --git a/build/utils.js b/build/utils.js
index b1d54b4d..0e65aed1 100644
--- a/build/utils.js
+++ b/build/utils.js
@@ -44,13 +44,24 @@ exports.cssLoaders = function (options) {
     }
   }
 
+  let sassOptions = {
+    indentedSyntax: true
+  }
+  
+  let scssOptions = {
+    includePaths: [
+      '~src/styles'
+    ],
+    data: '@import "~@/styles/vars";'
+  }
+
   // https://vue-loader.vuejs.org/en/configurations/extract-css.html
   return {
     css: generateLoaders(),
     postcss: generateLoaders(),
     less: generateLoaders('less'),
-    sass: generateLoaders('sass', { indentedSyntax: true }),
-    scss: generateLoaders('sass'),
+    sass: generateLoaders('sass', sassOptions),
+    scss: generateLoaders('sass', scssOptions),
     stylus: generateLoaders('stylus'),
     styl: generateLoaders('stylus')
   }
diff --git a/src/views/Home.vue b/src/views/Home.vue
index a0b78852..61fdd2fe 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -139,7 +139,6 @@
 </script>
 
 <style scoped lang="scss">
-	@import '~scss_vars';
 	
 	.container {
 		position: absolute;