创建 react 应用程序的 firebase 部署会在源选项卡中公开所有 js 代码吗？

Question

我已经通过 create react app 编译了我的应用程序： yarn build //code is minified and obfuscated as expected

然后我通过firebase serve和部署了该应用程序firebase deploy。

我的 firebase.json：

{
  "database": {
    "rules": "database.rules.json"
  },
  "hosting": {
    "public": "build",
    "rewrites": [
      {
        "source": "**",
        "destination": "/index.html"
      }
    ]
  }
}

所有都“几乎按预期”部署，有两个警告：

1. 在 Chrome 开发人员工具/源选项卡中，我的整个 js 代码库都没有缩小和/或混淆列出！
2. 我的字体没有被部署，因为媒体文件夹似乎没有传输

该结构看起来与包含媒体的构建文件夹完全不同......（字体必需）：

我是否设置错误，部署了错误的文件夹，或者可能没有忽略我应该做的事情？公开整个 js 堆栈未缩小和或没有任何混淆似乎非常“不安全”......

再次，一如既往，非常感谢任何方向！

Answer 1

强烈建议参考 create-react-app github 关于此事的讨论，但作为快速解决方法，您可以将以下内容添加到 package.json 脚本中：

"scripts": {
    ...
    "build": "npm run build-css && react-scripts build && yarn run delete-maps",
    "delete-maps": "rm ./build/static/js/*.map && rm ./build/static/css/*.map",
    ...
}

然而，这会在短期内从开发人员工具的“源”选项卡中删除所有源代码...