无法使用webpack 2在源选项卡下调试JS

Question

我使用以下npm cmd启动我的webpack-sev-server：

"start": "webpack-dev-server --progress --colors --port 8090 --open -d --inline --output-pathinfo"

在我的webpack配置中，我也有：

devtool: 'source-map'

但据我所知，这是无关紧要的，因为-d选项无论如何都会将devtool设置为sourcemap。

运行后，我可以在“源”选项卡（Chrome）下看到各个JS文件：

但它似乎没有比酒窝文档更多的目的。如果我在控制台中单击一个错误，它仍然会指向我的捆绑（不可读）JS文件。此外，浏览器不会在这些JS文件中的任何断点处中断。

我对此有点新意，所以我可能会错过这里显而易见的东西，但我无法找到它......

Answer 1

此行为可能与以下webpack的问题有关：[HELP WANTED] Perform source-map audit against webpack。

请尝试使用-f markdown-auto_identifiers。请参阅有关源地图的webpack文档的Inline Source Map Types部分。

另外，我建议在cheap-module-source-map项下的配置文件中放置dev-server选项，因为CLI参数会覆盖配置文件中的选项。

希望它有所帮助。