title: vuejs page doesn't refresh automatically using webpack-dev-server
body: <p>I'm using <code>vue.js</code>, and I want to use <code>webpack-dev-server</code> to refresh page automatically when I modify the <code>vue.js</code> file, but I have to refresh page by myself. </p>
  
  <p><strong>vue</strong>:</p>
  
  <pre><code>import Vue from 'vue';
  var myComponent = Vue.extend({
    template:"&lt;div&gt;hello vue template&lt;/div&gt;"
  });
  Vue.component('my-component',myComponent);
  var vm = new Vue({
    el: '#app'
  });
  </code></pre>
  
  <p><strong>html</strong>:</p>
  
  <pre><code>&lt;div id="app"&gt;
    &lt;my-component&gt;&lt;/my-component&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>webpack.config.js</strong>:</p>
  
  <pre><code>const webpack = require('webpack');
  module.exports = {
      entry:['webpack-dev-server/client?http://localhost:8080',
  'webpack/hot/only-dev-server','./src/vue/main.js'],
      output:{
          path: __dirname + '/dist/js',
          filename:'vue.bundle.js',
          publicPath:'/public'
      },
      module:{
          loaders:[
              {
                  test:/\.jsx?$/,
                  exclude:/node_modules/,
                  loaders:["babel"]
              },
              {
                  test: /\.vue$/,
                  loader: 'vue'
              },
              {
                  test:/\.css$/,
                  loader:'style!css'
              },
              {
                  test: /\.scss$/,
                  loader: 'style!css!sass'
              },
              {
                  test:/\.(jpg|png)$/,
                  loader:'url'
              }
          ]
      },
       resolve: {
          root: [process.cwd() + '/src', process.cwd() + '/node_modules'],
          alias: {},
       extensions: ['', '.js', '.vue','.css', '.scss', '.ejs', '.png','.jpg']
      },
      plugins: [
          new webpack.HotModuleReplacementPlugin(),
          new webpack.NoErrorsPlugin(),
          new webpack.BannerPlugin('This file is created by laoqiren')
      ]
   };
  </code></pre>
  
  <p><strong>server.js</strong>:</p>
  
  <pre><code>var webpack = require('webpack');
  var WebpackDevServer = require('webpack-dev-server');
  var config = require('./webpack.config');
  
  new WebpackDevServer(webpack(config), {
    publicPath: config.output.publicPath,
    hot: true,
    inline: true,
    stats:{colors:true},
    historyApiFallback: true
  }).listen(8080, 'localhost', function (err, result) {
    if (err) console.log(err);
    console.log('Listening at localhost:8080');
  });
  </code></pre>
  
  <p>I need your help, thanks a lot!</p>