在开发人员工具中隐藏文件？

Question

因此，我想提前道歉，但我一直在谷歌搜索和堆栈溢出来寻找此问题的答案，但我找不到一个令人满意的答案。

我知道Facebook使用React，尽管我不知道他们使用什么软件架构（MVC，客户端服务器等），但在“开发工具”的“源代码”标签上看不到任何React文件或React组件任何浏览器。

我将使用create-react-app在我自己的react应用中为您展示一个示例，该示例显示我的所有文件：

Create-react-apps开发工具来源：

但是，当我转到Facebook页面时，没有看到类似的信息。我看到了：

Facebook开发工具来源：

这不仅适用于react应用，还适用于我自己制作的节点应用。现在，我想知道所有这些信息在Facebook页面上的位置。...组件在哪里？我为什么看不到他们？所有发布和获取请求都在哪里运行？如何在代码中放置断点进行调试？我的意思是，除了elements标签之外，我什至没有看到HTML页面！而且，最重要的是，我该怎么做才能隐藏文件？

似乎它增加了一层额外的安全性，我认为在所有公共网站上都是可取的。再次感谢您，据我所知，答案远不很明显。

Answer 1

我承认，当您刚开始使用Web开发时，这有点令人困惑。

您可以通过devtool查看文件（源代码），因为您还上传了.map文件，这些文件有助于将捆绑/缩小的代码映射到原始可读代码中。

但是，这对开发环境非常有帮助，但对生产来说却非常危险。正如注释所建议的，您只需要删除.map文件即可。