Reactjs:如何在生产应用程序的开发工具中隐藏节点模块和webconfig？

Question

我已经创建了一个运行 npx create-react-app my-app 的 React.js 应用程序，但我不希望在生产模式下在开发工具中提供完整的项目。

如何在源选项卡(devtools)中禁用或隐藏节点模块和 webconfig？

我检查了其他已部署的 react 应用程序，该应用程序不显示静态文件夹或整个项目；我怎样才能实现同样的目标？

下面是浏览器“源”选项卡控制台的屏幕截图，显示了我想向公众隐藏的一些目录；

Answer 1

由于源映射文件，您可以在开发工具中看到完整的代码。这是在开发中调试代码的好方法，甚至对于某些处于生产模式的人来说也是如此。

如果没有源 map ，当发生错误时，您无法轻松地在捆绑文件中找到此错误的来源。如果您不想在生产中看到这样的代码，您只需在构建后删除这些文件即可。删除 static/css 和 static/js 文件夹中的 .map 文件。因此，通过此您可以隐藏未捆绑的源代码。但是，捆绑的 .js 和 .css 文件将始终存在。由于这是前端，因此无法隐藏它们。

正如评论中所说，如果您担心的确实是安全问题，那么您不能在前端执行此操作。你的代码总是会被看到，至少是缩小和丑化的，但总会有的。所以，在后端做你的安全工作。