add vue loader

@@ -13,7 +13,10 @@ const helpers = global.yoho.helpers;
  */
  */
 const channel = {
 const channel = {
     index: (req, res, next) => {
     index: (req, res, next) => {
-        res.render('index');
+        res.render('index', {
+            module: 'channel',
+            page: 'home'
+        });
     }
     }
 };
 };
 
 

-<h1>Index</h1>
+<h1>Index</h1>
+<div id="app">
+    <app></app>
+</div>

@@ -49,6 +49,12 @@
   },
   },
   "devDependencies": {
   "devDependencies": {
     "autoprefixer": "^6.3.7",
     "autoprefixer": "^6.3.7",
+    "babel-core": "^6.10.4",
+    "babel-loader": "^6.2.4",
+    "babel-plugin-transform-runtime": "^6.9.0",
+    "babel-preset-es2015": "^6.9.0",
+    "babel-runtime": "^6.9.2",
+    "css-loader": "^0.23.1",
     "eslint": "^3.0.1",
     "eslint": "^3.0.1",
     "eslint-config-yoho": "^1.0.1",
     "eslint-config-yoho": "^1.0.1",
     "gulp": "^3.9.1",
     "gulp": "^3.9.1",
@@ -74,6 +80,10 @@
     "shelljs": "^0.7.0",
     "shelljs": "^0.7.0",
     "stylelint": "^6.9.0",
     "stylelint": "^6.9.0",
     "stylelint-config-yoho": "^1.2.3",
     "stylelint-config-yoho": "^1.2.3",
+    "vue-hot-reload-api": "^1.3.3",
+    "vue-html-loader": "^1.2.3",
+    "vue-loader": "^8.5.3",
+    "vue-style-loader": "^1.0.0",
     "webpack": "^1.13.1",
     "webpack": "^1.13.1",
     "webpack-dev-server": "^1.14.1",
     "webpack-dev-server": "^1.14.1",
     "webpack-stream": "^3.1.0",
     "webpack-stream": "^3.1.0",
@@ -83,6 +93,7 @@
     "yoho-jquery-lazyload": "^1.9.7",
     "yoho-jquery-lazyload": "^1.9.7",
     "yoho-mlellipsis": "0.0.3",
     "yoho-mlellipsis": "0.0.3",
     "yoho-node-lib": "0.0.17",
     "yoho-node-lib": "0.0.17",
-    "yoho-swiper": "^3.3.1"
+    "yoho-swiper": "^3.3.1",
+    "yoho-vue": "^1.0.26"
   }
   }
 }
 }

+var Vue = require('yoho-vue');
+
+var App = require('channel/home');
+
+new Vue({
+    el: '#app',
+    components: {
+        app: App
+    }
+})

+<template>
+    <div class="test">
+        {{message}}
+    </div>
+</template>
+
+<script>
+    module.exports = {
+        data: function() {
+            return {
+                message: 'test'
+            }
+        }
+    }
+</script>
+
+<style>
+    .test {
+        color: green;
+    }
+</style>

@@ -37,6 +37,16 @@ module.exports = {
         path: path.join(__dirname, 'bundle'), // absolute path
         path: path.join(__dirname, 'bundle'), // absolute path
         filename: '[name].js'
         filename: '[name].js'
     },
     },
+    module: {
+        loaders: [{
+            test: /\.vue$/,
+            loader: 'vue'
+        }]
+    },
+    resolve: {
+        extensions: ['', '.vue', '.js'],
+        modulesDirectories: ['node_modules', './vue']
+    },
     plugins: [
     plugins: [
         new webpack.optimize.OccurenceOrderPlugin(),
         new webpack.optimize.OccurenceOrderPlugin(),
         new webpack.optimize.CommonsChunkPlugin({
         new webpack.optimize.CommonsChunkPlugin({