JavaScript React 在源选项卡中隐藏源文件答案

【问题标题】：JavaScript React hiding source files in sources tabJavaScript React 在源选项卡中隐藏源文件
【发布时间】：2021-12-20 07:05:10
【问题描述】：

我最近开发了一个网站，它是 NodeJs（在 Ubuntu 上）并运行一个 React 应用程序。例如，问题出在 Chrome 上；当您右键单击该网站并查看源代码时，您可以看到源代码和所有文件。我想全部隐藏。

在本节中，我想隐藏服务器中的源代码（文件）。

我在互联网上尝试了几种解决方案，但都没有奏效。

例如，

我在package.json 中添加了"build": "GENERATE_SOURCEMAP=false react-scripts build",，然后我确实运行了pm2 reload（还有纱线构建等）

我创建了一个名为 .env 的文件，并在其中添加了这一行 GENERATE_SOURCEMAP=false。

它们都没有奏效。我的网站目前处于活动状态，我想隐藏源文件，如何从源选项卡中隐藏这些源文件，以便人们看不到源代码？

【问题讨论】：

由于我们对您的构建过程一无所知，因此我们不知道文件是如何实际创建的以及您在说什么。是的，您可以阻止生成源映射，这可能会降低源文件的可读性，但您不能阻止任何人访问实际在浏览器中运行的代码源，因为显然代码需要下载到用户的机器上被执行。而且 JavaScript 代码仍然以文本形式分发，而不是编译后的二进制文件。
@FelixKling 我刚开始使用create-react-app，然后自定义了 .js 文件。我的目标是至少让它们的可读性降低，我认为这是一个简单的命令，比如在 package.json 中添加一些行然后重新加载应用程序。
文档包含有关生产构建的部分：create-react-app.dev/docs/production-build

【解决方案1】：

经过长期研究，我找到了解决办法。

在您的项目中创建一个名为.env 的文件。文件名只是.env。
在那个 .env 文件中放入这一行 GENERATE_SOURCEMAP=false 并保存。
然后，运行 npm run build 或 yarn build。
这将生成一个用于生产的build 文件夹。之后，取决于你使用的是什么，运行这个构建文件来运行网站。例如，我在我的 Ubuntu 服务器上使用 pm2，所以我使用了 pm2 serve build 3000 --spa（我的网站在端口 3000 上运行）另外请注意您与 build 文件夹位于同一路径中。李>

就是这样。现在所有的源代码文件都消失了，网站的工作就像一个魅力。

【讨论】：