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

Question

我最近开发了一个网站，它是 NodeJs(在 Ubuntu 上)并运行一个 React 应用程序。例如，问题出在 Chrome 上；当您右键单击该网站并查看源代码时，您可以看到源代码和所有文件。我想把它们全部隐藏起来。
在本节中，我想隐藏服务器中的源代码(文件)。

我在互联网上尝试了几种解决方案，但都没有奏效。
例如，
我已添加 "build": "GENERATE_SOURCEMAP=false react-scripts build",在 package.json然后我确实运行了pm2 reload (还有 yarn 构建等)
我创建了一个名为 .env 的文件并添加了这一行 GENERATE_SOURCEMAP=false在里面。
他们都没有奏效。我的网站目前处于事件状态，我想隐藏源文件，如何从源选项卡中隐藏这些源文件，以便人们看不到源代码？

Answer 1

经过长时间的研究，我找到了解决方案。

创建一个名为 .env 的文件在你的项目中。文件名只是 .env .

在那.env文件把这一行 GENERATE_SOURCEMAP=false并保存。

然后，运行 npm run build或 yarn build .

这将生成 build用于生产的文件夹。之后，取决于您使用的是什么，运行此构建文件以运行网站。例如，我使用 pm2在我的 Ubuntu 服务器上，所以我使用了 pm2 serve build 3000 --spa (我的网站在端口 3000 上运行)还要注意您与 build 处于同一路径中文件夹。

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