无法在webpack 2的源码页签下调试JS

Question

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

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

在我的webpack配置中，我还拥有：

devtool: 'source-map'

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

运行后，我可以在sources选项卡(Chrome)下看到单独的JS文件：

​

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

我对此还是个新手，所以我可能遗漏了一些明显的东西，但我找不到……

Answer 1

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

请尝试使用cheap-module-source-map。有关源地图，请参阅webpack文档中的Inline Source Map Types部分。

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

希望能有所帮助。