像“反应开发人员工具”这样的扩展如何工作？

Question

我正在尝试构建一个chrome dev-tool，它可以帮助开发人员调试他们的代码（前端的javascript代码）。但是，由于大多数开发人员使用像webpack这样的工具将他们的javascript代码构建到一个大文件中，并且浏览器得到的代码看起来不像他们在开发时编写的代码，我想知道是否有办法访问他们写的代码。这是像react-devtools这样的工具如何检测React应用程序并根据该代码提供外部资源的方式？如果是，那怎么回事？

Answer 1

如果这是您正在努力实现的目标，那么

JS Sourcemaps可能会很方便。