Question

我在webpack构建中使用React，Redux，ImmutableJs。输出包似乎是一个谜，所以到目前为止我所做的所有调试都是通过console语句。

根据建议，我在webpack.config.js文件中使用以下命令：

devtool : 'eval-source-map'

我的问题是，我们可以使用Developer Tools调试器来调试输出文件（bundle.js）吗？

在文件中进行搜索，我无法找到我在构建中使用的任何变量（或函数名称）。再往下，我可以看到我的应用程序中所有模块的列表。但是，在文件中添加断点没有任何区别。这是有道理的，因为它将代码转换为捆绑包。

我的问题是，我们如何调试在浏览器中运行的代码？

我们可以添加断点＆amp;得到live值？你知道，所有normal javascript调试过程。

更新@bebraw评论：

适用于Chrome。这是个好消息。在FF Dev Version中，我得到了调试指示器，但是，在调试器选项卡中，没有指示其暂停的位置。 Step In或Step Over命令都没有将我们带到该行。

非常感谢，