Reactjs 如何以编程方式查看webpack生成的代码，以搜索字符串，如Component、useState或render？

用于检查网页是否正在使用ReactJS的代码：

if(!!window.React ||
   !!document.querySelector('[data-reactroot], [data-reactid]'))
  console.log('React.js');

不适用于使用

npx create react app my app

创建的简单应用程序

我们是否可以查看webpack生成的代码，以确定其中是否包含React代码？例如，即使代码被模糊化，某些API或属性/方法名称是否仍将保留在那里，例如

组件

、

渲染

、

使用状态

、以及

使用效果

？有没有一种方法可以通过编程方式查看Web包生成的代码来搜索这些字符串？我们可以在dev控制台中简单地执行一次，而不用搜索所有不同的脚本文件吗？一些网站可能链接到35

.js

文件）

---

（更好的是，如果我们能找到版本号。

React

对象中有一个

version

属性，但我不确定它是否会被混淆——属性名称可能没有混淆？

您应该看看，它允许您包括映射到“混淆”网页包代码的原始源代码。这将允许您在浏览器中查看原始源代码，并便于调试。

您想在构建时还是在运行时执行此操作？@NirG如果是构建时。。。我知道我在建什么。。。我想在运行时执行此操作，但源映射是否可能未部署到服务器？