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

Question

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

我知道 Facebook 使用 React，虽然我不知道他们使用什么软件架构（MVC、Client-Server 等），但我在任何浏览器的开发工具源选项卡中都看不到任何 React 文件或 React 组件。

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

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

然而，当我去 Facebook 的页面时，我没有看到类似的东西。我看到这个：

Facebook 的开发工具来源：

这不仅适用于 React 应用程序，也适用于我制作的节点应用程序。现在，我想知道所有这些信息在 facebook 页面上的位置......组件在哪里？为什么我看不到他们？正在运行的所有 post 和 get 请求在哪里？如何在代码中放置断点以进行调试？我的意思是，除了元素选项卡之外，我什至看不到 HTML 页面！而且，最重要的是，我如何做同样的事情来隐藏我的文件？

似乎它增加了一层额外的安全性，我认为这在所有公共网站上都是可取的。再次提前致谢，据我所知，这个问题的答案远非显而易见。

Answer 1

我承认，当您对 Web 开发还很陌生时，这有点令人困惑。

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

但是，这对开发环境非常有用，但在生产环境中却非常危险。.map正如评论所建议的那样，您需要做的只是删除文件。