title: Webpack defaulting to /public directory
body: <p>I have a React app I'm porting to Webpack, and I can successfully launch it using webpack-dev-server.</p>
  
  <p>Unfortunately I have to navigate to the public directory to load the app:</p>
  
  <pre><code>localhost:10000/public/
  </code></pre>
  
  <p>...which interferes with React router.  Is it possible to have it mount to / instead? I.e:</p>
  
  <pre><code>localhost:10000/
  </code></pre>
  
  <p>The publicPath directive in output doesn't seem to influence this.</p>
  
  <pre><code>// webpack.config.js
  module.exports = {
    devServer: {
      inline: true,
      port: 10000 // Defaults to 8080
    },
    entry: {
      app: ['./src/app.jsx']
    },
    devtool: 'source-map',
    resolve: {
      extensions: ['', '.js', '.jsx']
    },
    output: {
      path: path.resolve(__dirname, "public/scripts"),
      publicPath: '/scripts/',
      filename: 'bundle.js'
    },
    module: {
      loaders: [
        {
          test: /\.jsx?$/,
          loader: 'babel-loader',
          exclude: /node_modules/,
          query: {
            presets: [
              "es2015",
              "stage-0",
              "react"
            ],
            plugins: [
              "transform-flow-strip-types"
            ]
          }
        }
      ]
    }
  };
  </code></pre>