调试webpack 2生成的包

Question

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

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

是否需要其他配置才能启用调试和纪念断点？如果无法设置底层代码的断点，那么源映射的重点是什么？

Answer 1

目前有一个open issue。你可以做的最好是打破并获得源图中的正确行，但单步执行不适用于Chrome和FF，AFAIK。

Answer 2

找到了感兴趣的人的答案。我正在使用inlin源地图 - 'eval-source-map'devtool来生成源地图。将其更改为“source-map”，将源映射生成为单独的文件，使断点起作用。