为什么 Firebase 部署完整的 React 应用程序而不是部署构建目录文件？

如何解决为什么 Firebase 部署完整的 React 应用程序而不是部署构建目录文件？

所以我使用 create-react-app 工具链创建了一个 React 应用程序。 写了一些组件并运行

firebase init

npm run build

firebase deploy --only hosting

现在，当我在 chrome dev-tools 的源选项卡中检查我的实时应用程序时，它显示了 React 应用程序的所有源文件，包括评论。

firebase 不应该只部署构建目录中的块，这些块是为生产优化和缩小的吗？

我运行网络测试以查看正在获取的文件类型，令人惊讶的是它只获取构建目录中的块。那么我的 src 目录中的所有文件如何以原始形式显示在那里？

现在可能是浏览器从块中构建它们。然后它似乎是一个反应构建问题，它不会在生产构建中删除注释和丑化。

但我也分析了构建目录中的 js 块，它们没有嵌入注释。

这是我的 firebase 配置：

{
  "hosting": {
    "public": "build","ignore": [
      "firebase.json","**/.*","**/node_modules/**"
    ],"rewrites": [
      {
        "source": "**","destination": "/index.html"
      }
    ]
  }
}

解决方法

所以我找到了解决方案。

而且它与 Firebase 托管无关。

需要配置 react 的 build 来解决这个问题。 基本上，我们必须停止反应构建生成源映射。

看起来构建目录中的这些源映射包含我们部署到 firebase 的原始 js 文件。

将 package.json 中的 react build 命令更改为

"build": "GENERATE_SOURCEMAP=false react-scripts build",