title: Can't find bundle.js
body: <p>I know this question has been asked before, but I honestly can't find the answer anywhere-- it appears as if I'm doing everything I should however bundle is not created. So I have this <code>webpack.config.js</code> file that's supposed to handle HMR + React, and typescript (with tsx syntax), but it's not creating the bundle. Throws no errors on compilation, and seems to be doing alright, but the bundle returns a 404 when I try to fetch it. Here's my file structure:</p>
  
  <pre><code>someApp/
    src/
      index.tsx
      components/
        Hello.tsx
    dist/
    webpack.config.js
    ...
  </code></pre>
  
  <p>And here's my webpack config:</p>
  
  <pre><code>var path = require('path')
  var webpack = require('webpack')
  
  module.exports = {
      entry: [
          'webpack-dev-server/client?http://localhost:3000',
          'webpack/hot/only-dev-server',
          './src/index.tsx'
      ],
      output: {
          path: path.join(__dirname, '/dist'),
          filename: 'bundle.js',
          publicPath: '/public/'
      },
  
      plugins: [
          new webpack.HotModuleReplacementPlugin()
      ],
  
      devtool: 'eval',
  
      resolve: {
          extensions: ['', '.webpack.js', '.web.js', '.ts', '.tsx', '.js']
      },
  
      module: {
          loaders: [
              {
                  test: /\.tsx?$/,
                  loaders: [
            'react-hot-loader',
            'ts-loader'
          ],
          include: path.join(__dirname, '/src')
              }
          ],
  
          preLoaders: [
              { test: /\.js$/, loader: 'source-map-loader' }
          ]
      },
      externals: {
          'react': 'React',
          'react-dom': 'ReactDOM'
      },
  };
  </code></pre>
  
  <p>Another strange thing is that I think it might have something to do with executing this through node, since when I just run <code>webpack</code> by itself it compiles the bundle. Here's my code for starting up the server:</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,
    historyApiFallback: true
  }).listen(3000, 'localhost', function (err, result) {
    if (err) {
      return console.log(err)
    }
  
    console.log('Listening at http://localhost:3000/')
  
  })
  </code></pre>
  
  <p>Maybe I'm missing something, but I'm pretty new to webpack so any help would be amazing!</p>