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

JavaScript React hiding source files in sources tab

我最近开发了一个网站,它是 NodeJs(在 Ubuntu 上)和 运行ning 一个 React 应用程序。例如,问题是 Chrome;当您右键单击该网站并检查来源时,您可以看到源代码和所有文件。我要全部隐藏。

在本节中,我想隐藏服务器中的源代码(文件)。

我在互联网上尝试了几个解决方案,但其中 none 有效。

例如,

我在 package.json 中添加了 "build": "GENERATE_SOURCEMAP=false react-scripts build", 然后我做了 运行 pm2 reload(还有 yarn build 等)

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

None 其中有效。我的网站目前处于活动状态,我想隐藏源文件,如何从源选项卡中隐藏这些源文件,以便人们看不到源代码?

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

  1. 在您的项目中创建一个名为 .env 的文件。文件名只是 .env.
  2. .env 文件中放入此行 GENERATE_SOURCEMAP=false 并保存。
  3. 然后,运行 npm run buildyarn build.
  4. 这将生成一个用于生产的 build 文件夹。之后,取决于您使用的是什么,运行 此构建文件用于 运行 网站。例如,我在我的 Ubuntu 服务器上使用 pm2,所以我使用了 pm2 serve build 3000 --spa(我的网站是 运行ning 在端口 3000 上)还要小心在与 build 文件夹相同的路径中。

就是这样。现在所有的源代码文件都不见了,网站运行得很好。