我正在对我的React.js应用中的问题进行问题排查，并且我希望在Babel编辑并由Webpack捆绑之后查看浏览器中正在执行的javascript。这是一个很好的方法吗？
该应用程序使用create-react-app，因此它具有Babel，webpack等的默认CRA配置。源映射正常工作（很好！）但如果我想查看源映射后面找到真正的代码是什么呢？执行？
我知道我可以在Chrome开发工具中找到/static/js/bundle.js＆＃39;网络窗格，然后使用Cmd + F在该巨大文件中查找一段代码。我也知道Chrome Dev Tools可以选择关闭源地图，但是更改持久设置（即使我可以在不重新启动调试的情况下执行此操作，我也不确定），似乎没有比上面的Cmd + F方法更容易，特别是因为我必须记得将其更改回来（并重新开始调试？）。
相反，我只是在寻找一种方法来在实际生成的（转换的和捆绑的）代码和我的（源映射的）代码之间来回切换，而不会中断我的调试工作流程。
这可以在Chrome中使用吗？