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 其中有效。我的网站目前处于活动状态,我想隐藏源文件,如何从源选项卡中隐藏这些源文件,以便人们看不到源代码?
经过长时间的研究,我找到了解决方案。
- 在您的项目中创建一个名为
.env
的文件。文件名只是 .env
.
- 在
.env
文件中放入此行 GENERATE_SOURCEMAP=false
并保存。
- 然后,运行
npm run build
或 yarn build
.
- 这将生成一个用于生产的
build
文件夹。之后,取决于您使用的是什么,运行 此构建文件用于 运行 网站。例如,我在我的 Ubuntu 服务器上使用 pm2
,所以我使用了 pm2 serve build 3000 --spa
(我的网站是 运行ning 在端口 3000 上)还要小心在与 build
文件夹相同的路径中。
就是这样。现在所有的源代码文件都不见了,网站运行得很好。
我最近开发了一个网站,它是 NodeJs(在 Ubuntu 上)和 运行ning 一个 React 应用程序。例如,问题是 Chrome;当您右键单击该网站并检查来源时,您可以看到源代码和所有文件。我要全部隐藏。
在本节中,我想隐藏服务器中的源代码(文件)。
我在互联网上尝试了几个解决方案,但其中 none 有效。
例如,
我在 package.json
中添加了 "build": "GENERATE_SOURCEMAP=false react-scripts build",
然后我做了 运行 pm2 reload
(还有 yarn build 等)
我创建了一个名为 .env
的文件并在其中添加了这一行 GENERATE_SOURCEMAP=false
。
None 其中有效。我的网站目前处于活动状态,我想隐藏源文件,如何从源选项卡中隐藏这些源文件,以便人们看不到源代码?
经过长时间的研究,我找到了解决方案。
- 在您的项目中创建一个名为
.env
的文件。文件名只是.env
. - 在
.env
文件中放入此行GENERATE_SOURCEMAP=false
并保存。 - 然后,运行
npm run build
或yarn build
. - 这将生成一个用于生产的
build
文件夹。之后,取决于您使用的是什么,运行 此构建文件用于 运行 网站。例如,我在我的 Ubuntu 服务器上使用pm2
,所以我使用了pm2 serve build 3000 --spa
(我的网站是 运行ning 在端口 3000 上)还要小心在与build
文件夹相同的路径中。
就是这样。现在所有的源代码文件都不见了,网站运行得很好。