title: Cannot get webpack-dev-server (webpack) to produce a sourcemap in Chrome Dev Tools
body: <p>This has worked for me in the past using manual webpack but for any react project now i cant seem to get a sourcemap in the dev tools using webpack-dev-server no matter what config i use. ive tried several devtools values including 'source-map'. I just see 'add files to workspace' instead of 'sourcemap detected' - any ideas?  </p>
  
  <p>chrome version Version 53.0.2785.143 (64-bit) (mac)</p>
  
  <ul>
  <li><p>Developer Tools Experiments flag is enabled</p>
  
  <ul>
  <li><a href="https://i.stack.imgur.com/6ravT.png" rel="nofollow"><img src="https://i.stack.imgur.com/6ravT.png" alt="enter image description here"></a></li>
  </ul></li>
  </ul>
  
  <p>webpack version 1.13.2
  webpack.config.js</p>
  
  <pre><code>/* eslint-disable */
  const path = require('path');
  var webpack = require('webpack');
  
  module.exports = {
    devtool: 'inline-source-map', 
    entry: './app.js',
    output: {
      path: path.join(__dirname, 'dist'),
      filename: 'bundle.js'
    },
    module: {
      loaders: [{
        test: /\.js$/,
        loader: 'babel',
        exclude: /node_modules/,
        include: __dirname
      }]
    },
  }
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/C87HO.png" rel="nofollow"><img src="https://i.stack.imgur.com/C87HO.png" alt="dev tools - no sourcemap"></a></p>