我有很多jsx，es6代码，我想编译，缩小我的所有东西 . 我也想为我的 生产环境 版本获得 external source map .
但我对webpack有一些问题 - 它生成一个完美的内联源图，但外部不好 . 它也会生成它们，但在我的浏览器（Chrome 45.0.2454.85）中，我看不到源图 . 我究竟做错了什么？
这是我的webpack.config.js
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
})
]
};