Question

我最近一直在努力学习Redux，现在也和React一起工作，因为两者似乎很顺利。因此，在使用todos反应示例时，我想要深入研究代码并检查一下。我意识到我无法在幕后调试任何东西。当我设置断点时，有时断点会触发，大多数情况下它们不会触发。

我想要的是能够在todos示例项目中调试ES6 / babel代码。现在，我是ES6和Webpack的新手。所以我想知道：我怎么能做到这一点？我安装了react调试器和redux-dev-tools。一切正常。但是如何调试我的ES6代码？它甚至可能吗？

Answer 1

您可以设置webpack来提供源映射，以便您可以在浏览器的开发工具中检查代码。

您可以通过在webpack.config.js中添加一行来添加启用它们，可以找到可用选项及其含义here。

e.g：

const config = {
  // [your configuration]
  devtool: '#inline-source-map',
}