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

【问题标题】：Not able to debug JS under source tab with webpack 2无法使用 webpack 2 在源选项卡下调试 JS
【发布时间】：2017-04-30 10:34:52
【问题描述】：

我使用以下 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 文件：

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

我对此有点陌生，所以我可能在这里遗漏了一些明显的东西，但我找不到......

【问题讨论】：

【解决方案1】：

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

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

希望对你有帮助。

【讨论】：