title: webpack not generating source maps
body: <p><strong>webpack.config.js</strong></p>
  
  <pre><code>const path = require('path');
  const webpack = require('webpack');
  
  module.exports = {
      entry: './src/index.js',
      plugins: [
          new webpack.HotModuleReplacementPlugin()
      ],
      output: {
          filename: 'bundle.js',
          path: path.resolve(__dirname, 'dist')
      },
      devServer: {
          hot: true,
          contentBase: path.join(__dirname, 'dist'),
      },
      devtool: "source-map"
  }
  </code></pre>
  
  <p><strong>package.json</strong></p>
  
  <pre><code>  "scripts": {
      "build": "webpack --progress --colors",
      "dev": "webpack-dev-server -d --watch --progress --colors"
    },
  </code></pre>
  
  <p><strong>index.js</strong></p>
  
  <pre><code>let h = "hello world"
  console.log(h)
  </code></pre>
  
  <p>I run both <code>npm build</code> and <code>npm run dev</code> but neither seem to generate source maps. The way I'm checking if they show up is if I can see the original source in Chrome dev tools or Safari dev tools.</p>
  
  <p>Thanks for any help!</p>
  
  <p><strong>Update 0</strong></p>
  
  <ul>
  <li><p>Running <code>npm run build</code> (<code>npm build</code> doesn't do anything) does indeed generate <code>bundle.js.map</code> and I can use the source maps successfully in Google Chrome (yay!)</p></li>
  <li><p>Running <code>npm run dev</code> seems to compile fine and serves my webpage successfully but the <code>dist</code> directory doesn't contain <code>bundle.js</code> or <code>bundle.js.map</code> - but when I go to <code>localhost:8080</code> it still works (without the source maps).</p></li>
  </ul>