diff --git a/build/webpack.base.conf.js b/build/webpack.base.conf.js
index 992e6fa..e465202 100644
--- a/build/webpack.base.conf.js
+++ b/build/webpack.base.conf.js
@@ -65,7 +65,18 @@ module.exports = {
       },
       {
       test:/\.scss$/,loaders: ["style", "css", "sass"],
-      }
+      },
+      {
+        test: /\.vue$/,
+        loader: 'vue-loader',
+        options: {
+          loaders: {
+            scss: 'style-loader!css-loader!sass-loader',
+            sass: 'style-loader!css-loader!sass-loader?indentedSyntax',
+          },
+        },
+      },
+
     ]
   },
   node: {
diff --git a/src/router/index.js b/src/router/index.js
index 3374051..5acd71b 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -10,12 +10,12 @@ export default new Router({
     {
       path: '/',
       name: 'home',
-      component: home
+      component: () => import('@/views/home/index')
     },
     {
       path: '/home',
       name: 'home',
-      component: home
+      component: () => import('@/views/home/index')
     },
     {
       path: '/about',
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 87b2fbc..987a1b4 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -8,6 +8,6 @@ export default {
 }
 </script>
 
-<style scoped lang="">
+<style scoped lang="scss">
 
 </style>