title: Webpack compiles but webpack-dev-server does not with same config
body: <p>I'm beginning to learn webpack and trying to work through using the webpack-dev-server for compiling and browser reloading. </p>
  
  <p>I'm running into an issue where when I run the command:</p>
  
  <pre><code>webpack
  </code></pre>
  
  <p>my files compile fine, but when I use the command:</p>
  
  <pre><code># I removed the "--hot" and "--inline" to try to isolate where the problem 
  # was coming from.
  
  webpack-dev-server --config webpack.config.js
  </code></pre>
  
  <p>command the output in the terminal looks fine, but nothing actually compiles:</p>
  
  <p><a href="https://i.stack.imgur.com/qFwJC.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/qFwJC.gif" alt="Gif showing the difference"></a></p>
  
  <p>The thing is, the webpack-dev-server <em>does</em> successfully serve the files in the <code>public</code> directory so that part is working, it's just not compiling the javascript and vue files.</p>
  
  <p>Here's my <code>webpack.config.js</code></p>
  
  <pre><code>module.exports = {
      entry: './src/index.js',
      output: {
          path: __dirname + '/public',
          publicPath: '/public',
          filename: 'bundle.js'
      },
      devtool: 'source-map',
      devServer:{
          contentBase: __dirname + '/public'
      },
      module:{
          loaders:[
              { test: /\.vue$/, loader: 'vue'}
          ]
      }
  };
  </code></pre>
  
  <p>I've been following along with the <a href="http://vuejs.github.io/vue-loader/start/tutorial.html" rel="nofollow noreferrer">vue-loader start tutorial</a> which describes the process and I don't see anything amiss. </p>
  
  <p>I know I specify a content directory that is different than the tutorial, but as far as I can tell that doesn't affect the compilation of the files. </p>
  
  <p>What am I missing here?</p>