title: Webpack-dev-server serves a directory list instead of the app page
body: <p><a href="https://i.stack.imgur.com/RMyUb.png"><img src="https://i.stack.imgur.com/RMyUb.png" alt="enter image description here"></a></p>
  
  <p>I can only see the actual app under <code>/public</code>.</p>
  
  <p>The configs in <code>webpack.config.js</code> are below:</p>
  
  <pre><code>var path    = require('path');
  var webpack = require('webpack');
  
  module.exports = {
  
    entry: [
      'webpack-dev-server/client?http://localhost:8080',
      'webpack/hot/only-dev-server',
      './app/js/App.js'
  ],
  
    output: {
      path: path.join(__dirname, 'public'),
      filename: 'bundle.js',
      publicPath: 'http://localhost:8080'
    },
  
    module: {
      loaders: [
        {
          test: /\.js$/,
          loaders: ['react-hot', 'babel-loader'],
          exclude: /node_modules/
        }
       ]
     },
  
    plugins: [
      new webpack.HotModuleReplacementPlugin(),
      new webpack.NoErrorsPlugin()
    ]
  
  };
  </code></pre>
  
  <p>The project hierarchy is:</p>
  
  <ul>
  <li><p>app</p>
  
  <ul>
  <li>js</li>
  </ul></li>
  <li><p>node_modules</p></li>
  <li><p>public</p>
  
  <ul>
  <li><p>css</p></li>
  <li><p>img</p></li>
  </ul>
  
  <p>bundle.js</p>
  
  <p>index.html</p></li>
  <li><p>package.json</p></li>
  <li><p>webpack.config.js</p></li>
  </ul>
  
  <p>How can I modify to make sure the <code>http://localhost:8080/</code> entry is for the application per se?</p>