调试 webpack 2 生成的包答案

【问题标题】：debugging webpack 2 generated bundles调试 webpack 2 生成的包
【发布时间】：2016-12-24 21:27:18
【问题描述】：

我有一个非常简单的 hello world ES5 应用程序https://github.com/rohans84/webpack-demo，我正在尝试进行一些基本的 webpack 2 开发。

为我的 webpack-dev-server 构建启用源映射后，我可以在 Chrome DevTools 中的 webpack:// 部分看到我的底层代码的源映射。但是，我在那里设置的断点似乎不起作用。

是否需要额外的配置才能启用调试和执行断点？如果您无法设置底层代码的断点，那么 sourcemap 的意义何在？

【问题讨论】：

【解决方案1】：

目前有一个open issue。你能做的最好的就是在源图中打破并获得正确的行，但单步执行在 Chrome 和 FF、AFAIK 上不起作用。

【讨论】：

【解决方案2】：

找到感兴趣的人的答案。我正在使用内联源映射 - 'eval-source-map' devtool 来生成源映射。将其更改为“source-map”，它将源映射生成为单独的文件，使断点能够工作。

【讨论】：