如何构建create-react-app，使客户端无法以有组织的方式查看代码

Question

如何构建create-react-app，使客户端无法以有组织的方式查看代码

3

我正在使用create-react-app，并注意到在我的构建中，客户端可以看到与我编辑时完全相同的代码。我希望防止这种情况发生，从而阻止客户在我的游戏中轻易作弊（至少减少这种可能性）。如果他们能够如此轻松地看到一切的运行方式，他们更有可能修改客户端代码。当我访问使用React的Facebook.com网站时，在Chrome源检查器中，我无法访问清晰的文件，只能看到一堆拥挤在一起的代码。我该如何在create-react-app中实现这一点？此外，我该如何在构建之前删除注释？我原以为在构建时会发生这种情况，因为客户端为什么需要看到你的注释呢，但事实并非如此。

- PurplePanda

1

我认为*这个问题*可能与之相关。检查GENERATE_SOURCEMAP环境变量。 - Ramiz Wachtler

使用生产构建。create-react-app有一个build命令，可以启动生产构建（也称为yarn build或npm run build）。这将使代码最小化，因此您在生产网站上下载的捆绑文件很小。代码最小化会给您带来“一堆代码挤在一起”的效果。 - John Ruddell

Ramiz，看起来它起了作用。如果我删除.map，那么所有的注释也会被删除吗？客户端将无法解密我的注释吗？还是我需要在构建之前使用一些第三方模块来删除它们？ - PurplePanda

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Gigarthan · Accepted Answer

当您使用create-react-app在开发模式下运行react时，源代码未针对生产进行优化。它提供更多的开发目的。您需要运行yarn build以获取优化版本，该版本将被缩小和混淆，从而使您具有一定的代码隐藏能力。