Javascript 如何构建CreateReact应用程序,以便客户端能够';我看不到有组织的代码

Javascript 如何构建CreateReact应用程序,以便客户端能够';我看不到有组织的代码,javascript,reactjs,create-react-app,Javascript,Reactjs,Create React App,我正在使用CreateReact应用程序,注意到在我的构建中,客户端可以看到我在编辑时看到的确切代码。我想防止这一点(至少有一点)阻止客户在我的游戏中轻易作弊。如果他们能够很容易地看到所有东西是如何工作的,那么他们就更有可能修改客户机代码。当我访问使用React的Facebook.com时,我发现在Chrome source inspector中,我无法访问干净整洁的文件,只是一堆代码挤在一起。如何使用create react应用程序实现这一点?另外,如何在生成之前删除注释?我假设,当我构建时会

我正在使用CreateReact应用程序,注意到在我的构建中,客户端可以看到我在编辑时看到的确切代码。我想防止这一点(至少有一点)阻止客户在我的游戏中轻易作弊。如果他们能够很容易地看到所有东西是如何工作的,那么他们就更有可能修改客户机代码。当我访问使用React的Facebook.com时,我发现在Chrome source inspector中,我无法访问干净整洁的文件,只是一堆代码挤在一起。如何使用create react应用程序实现这一点?另外,如何在生成之前删除注释?我假设,当我构建时会发生这种情况,因为为什么客户需要查看您的评论,但事实并非如此

在开发模式下使用create react应用程序运行react时,源代码未针对生产进行优化。它提供了更多的发展目的。
您需要运行Thread build以获得优化版本,该版本将根据您的喜好进行缩小和丑化,这将为您提供一些代码隐藏能力。

我认为可能与此相关。检查
GENERATE\u SOURCEMAP
env以使用生产构建
create react应用程序
有一个启动产品构建的
build
命令(aka
warn build
npm run build
)。这会缩小代码,因此您可以在生产网站上下载小的捆绑文件。代码缩小给你带来了“一堆代码挤在一起”的效果,Ramiz,看起来它做到了。如果我删除.map,会不会也删除所有评论?客户将无法解读我的评论?或者我需要在构建之前使用第三方模块删除它们吗?