Webpack没有正确生成外部源图

Question

我有很多jsx，es6代码，我想编译，缩小我的所有东西。另外，我想为我的生产版本获取外部源地图。

但我对webpack有一些问题 - 它会生成一个完美的内联源图，但外部并不好。它也会生成它们，但在我的浏览器（Chrome 45.0.2454.85）中，我看不到源图。我做错了什么？

这是我的webpack.config.js

＆＃13;

＆＃13;

var config = {
  watch: false,
  context: __dirname + '/src/app',
  entry: './app.jsx',
  devtool: 'cheap-source-map',
  output: {
    filename: 'bundle.js',
    path: __dirname + '/dist',
    sourceMapFilename: 'bundle.js.map'
  },
  module: {
    loaders: [{
      test: /\.jsx$/,
      loader: 'babel'
    }, {
      test: /\.js/,
      exclude: /node_modules/,
      loader: 'babel'
    }],
    noParse: [
      'axios',
      'jquery',
      'js-cookie',
      'lodash',
      'react-bootstrap',
      'react-router',
      'reflux',
      'react-highcharts'
    ]
  },
  plugins: [
    new webpack.DefinePlugin({
      'process.env': {
        NODE_ENV: '"production"'
      }
    }),
    new webpack.optimize.DedupePlugin(),
    new webpack.optimize.UglifyJsPlugin({
      compress: {
        warnings: false
      }
    }),
    new CompressionPlugin({
      asset: '{file}.gz',
      algorithm: 'gzip',
      regExp: /\.js$|\.html$/,
      threshold: 10240,
      minRatio: 0.8
    })
  ]
};

＆＃13;

＆＃13;

＆＃13;