title: Webpack-dev-server doesn't generate source maps
body: <p>I use <a href="https://github.com/babel/babel-loader">babel-loader</a>, but can't figure out how to generate or where find source maps for transpiled files. I tried <code>eval-source-map</code>, <code>inline-source-map</code>, <code>source-map</code>.</p>
  
  <p><strong>webpack.config.js</strong></p>
  
  <pre><code>const BowerWebpackPlugin = require("bower-webpack-plugin");
  
  module.exports = {
      entry: './src/script/index.jsx',
      output: {
          filename: 'bundle.js',
          sourceMapFilename: "bundle.js.map",
          publicPath: 'http://localhost:8090/assets'
      },
      debug: true,
      devtool: 'inline-source-map',
      module: {
          loaders: [
              {   
                  test: /\.js[x]?$/, 
                  loaders: ['react-hot', 'jsx', 'babel'],
                  exclude: /node_modules/ 
                },
                {
                  test: /\.scss$/,
                  loaders: [ 'style', 'css?sourceMap', 'sass?sourceMap' ]
                },
                {
                  test: /\.less$/,
                  loaders: [ 'style', 'css?sourceMap', 'less?sourceMap' ]
                },
                {
                  test: /\.css$/,
                  loaders: [ 'style', 'css']
                },
                { test: /\.woff$/,   loader: "url-loader?limit=10000&amp;mimetype=application/font-woff" },
                { test: /\.woff2$/,   loader: "url-loader?limit=10000&amp;mimetype=application/font-woff2" },
                { test: /\.(eot|ttf|svg|gif|png)$/,    loader: "file-loader" }
          ]
      },
      plugins: [
          new BowerWebpackPlugin()
      ],
      externals: {
          //don't bundle the 'react' npm package with our bundle.js
          //but get it from a global 'React' variable
          'react': 'React'
      },
      resolve: {
          extensions: ['', '.js', '.jsx']
      }
  }
  </code></pre>
  
  <p><strong>package.json</strong></p>
  
  <pre><code>    {
      "name": "Won",
      "version": "0.0.1",
      "description": "Internal evidence application",
      "main": "index.jsx",
      "scripts": {
          "start": "npm run serve | npm run dev",
          "serve": "./node_modules/.bin/http-server -p 8080",
          "dev": "webpack-dev-server -d --progress --colors --port 8090"
      },
      "author": "And",
      "license": "ISC",
      "devDependencies": {
          "babel-core": "^5.8.23",
          "babel-loader": "^5.3.2",
          "bootstrap": "^3.3.5",
          "bootstrap-select": "^1.7.3",
          "bootstrap-table": "^1.8.1",
          "bower-webpack-plugin": "^0.1.8",
          "colresizable": "^1.5.2",
          "css-loader": "^0.16.0",
          "events": "^1.0.2",
          "extract-text-webpack-plugin": "^0.8.2",
          "file-loader": "^0.8.4",
          "flux": "^2.1.1",
          "http-server": "^0.8.0",
          "jquery": "^2.1.4",
          "jquery-ui": "^1.10.5",
          "json-markup": "^0.1.6",
          "jsx-loader": "^0.13.2",
          "less": "^2.5.1",
          "less-loader": "^2.2.0",
          "lodash": "^3.10.1",
          "node-sass": "^3.2.0",
          "object-assign": "^4.0.1",
          "path": "^0.11.14",
          "react": "^0.13.3",
          "react-hot-loader": "^1.2.9",
          "sass-loader": "^2.0.1",
          "style-loader": "^0.12.3",
          "svg-sprite-loader": "0.0.2",
          "url-loader": "^0.5.6",
          "webpack": "^1.12.0",
          "webpack-dev-server": "^1.10.1"
      }
  }
  </code></pre>
  
  <p>edit:// </p>
  
  <p>After all this <a href="http://pastebin.com/MH7WHGKG">webpack.config.js</a> and this <a href="http://pastebin.com/HwJCS4R3">package.json</a> works for me.</p>
  
  <p>edit2://</p>
  
  <p>Now I use <a href="http://andrejgajdos.com/setting-up-webpack-for-es6-react-sass-and-bootstrap/">this webpack config</a> </p>