From 847c2db3c51f0fb542e97ef1048f70ae44b1501c Mon Sep 17 00:00:00 2001
From: qq50595531 <50595531@qq.com>
Date: Wed, 26 Apr 2017 10:09:44 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0vars=E5=85=A8=E5=B1=80?=
 =?UTF-8?q?=E5=BC=95=E5=85=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 build/utils.js     | 15 +++++++++++++--
 src/views/Home.vue |  1 -
 2 files changed, 13 insertions(+), 3 deletions(-)

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;