javascript - “React 开发者工具”之类的扩展是如何工作的？

Question

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

Answer 1

如果这是您想要实现的目标，那么JS Sourcemaps可能会很方便。