Jus*_*ant 6 javascript google-chrome-devtools source-maps reactjs
我正在对我的React.js应用程序中的问题进行故障排除,我想查看在Babel编译并由Webpack捆绑后在浏览器中执行的实际javascript.这样做的好方法是什么？
该应用程序使用create-react-app,因此它具有Babel,webpack等的默认CRA配置.源映射正常工作(很好!)但是如果我想查看源映射后面找到正在执行的真实代码怎么办？
我知道我可以/static/js/bundle.js在Chrome Dev Tools的网络窗格中找到,然后使用Cmd + F在该巨大的文件中查找一段代码.我也知道Chrome Dev Tools有一个关闭源映射的选项,但更改持久设置(即使我可以在不重新启动调试的情况下执行此操作,我不确定我可以)似乎没有比Cmd更容易+ F接近上面,特别是因为我必须记得改回来(并重新开始调试？).
相反,我只是在寻找一种在实际生成(转换和捆绑)代码和我的(源映射)代码之间来回切换的方法,而不会中断我的调试工作流程.
这可以在Chrome中使用吗？
| 归档时间： |
|
| 查看次数： |
283 次 |
| 最近记录： |