node.js - 在开发者工具中隐藏文件？

Question

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

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

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

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

但是，当我访问 Facebook 页面时，我没有看到类似的内容。我看到这个:

Facebook 的开发工具来源:

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

它似乎增加了额外的安全层，我认为这在所有公共(public)网站上都是更可取的。再次提前致谢，据我所知，这个问题的答案并不明显。

Answer 1

我承认，当您刚接触 Web 开发时，这有点令人困惑。

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

但是，这对开发环境非常有帮助，但在生产环境中却相当危险。您需要做的只是删除 .map 文件，如评论所示。