ReactJS 即使在构建之后也会暴露正常的文件夹结构

Question

今天我在构建一个 ReactJS 应用程序后看到了一件奇怪的事情。当我在构建文件后检查浏览器时，它会暴露我的原始文件夹结构。它不应该暴露目录。

我看到一些 StackOverflow 说 package.json 中的 "homepage" : "." 会解决，有人说 "start_url" : "/" 需要更改 manifest.json。但没有什么对我有用。有什么办法解决这个问题。

Answer 1

你看到这个是因为你在本地运行这个项目。

当您在本地运行项目时，它不会使用您应用的 prod 版本。它使用未针对production 优化的dev 版本。这样做是为了帮助您在项目的开发阶段进行调试。

如果您部署了应用程序，则部署将使用 build 输出（而不是您在此处看到的本地构建）。

注意：如果您仍然遇到此问题，那么您的捆绑程序（如果您已弹出 CreateReactApp，那么我指的是webpack）需要正确配置，并且您需要为我们提供更多信息。