Reactjs 如何隐藏部署到Github页面的React应用程序上的静态文件?

Reactjs 如何隐藏部署到Github页面的React应用程序上的静态文件?,reactjs,github,github-pages,Reactjs,Github,Github Pages,我已经将React应用程序部署到GitHub页面,并且在sources选项卡中看到了我的所有文件和代码。下面是我的意思的一个片段: 我已经使用react scripts build构建了我的应用程序,并尝试将这些文件推送到我托管的Git repo,以及使用npm包gh pages为我推送构建,但我的所有代码仍然显示。有没有办法在部署的应用程序上隐藏这些文件,或者这就是Githug页面的工作方式,因为我的所有代码都已在公共repo中?您永远无法真正隐藏源代码,因为它在浏览器中运行,但是当您在“生产

我已经将React应用程序部署到GitHub页面,并且在
sources
选项卡中看到了我的所有文件和代码。下面是我的意思的一个片段:


我已经使用
react scripts build
构建了我的应用程序,并尝试将这些文件推送到我托管的Git repo,以及使用npm包
gh pages
为我推送构建,但我的所有代码仍然显示。有没有办法在部署的应用程序上隐藏这些文件,或者这就是Githug页面的工作方式,因为我的所有代码都已在公共repo中?

您永远无法真正隐藏源代码,因为它在浏览器中运行,但是当您在“生产”模式下运行构建时,你缩小和丑化源代码,使其难以阅读,它应该只显示一个单块js文件。此外,关闭编译器设置中的源映射(--无源映射)


我的构建文件确实在chunk.js文件中生成了缩小的代码,但由于某些原因,web应用程序没有显示这些代码,而是显示了所有目录,如我问题中的图像。当我在没有源映射的情况下运行构建时,得到了相同的结果。