AWS amplify 部署中公开的 React 源代码

Question

我正在 AWS amplify 上测试应用程序的部署。这些是我遵循的步骤：

1. 创建了一个示例create-react-app（此处称为deploy_test应用程序），
2. 将代码推送到 GitHub 存储库
3. AWS Amplify 控制台 > 部署应用程序 > 链接的 GitHub 存储库 > 使用默认配置（如下所示）

version: 1
frontend:
  phases:
    preBuild:
      commands:
        - yarn install
    build:
      commands:
        - yarn run build
  artifacts:
    baseDirectory: build
    files:
      - '**/*'
  cache:
    paths:
      - node_modules/**/*

即使我推送新的更改，部署也能正常工作。问题是我可以在 Chrome 开发工具中看到完整的源代码（如下所示）。关于如何解决这个问题有什么建议吗？

Answer 1

默认情况下，create-react-app 将生成完整的源映射：

用于捆绑 JS、CSS 和图像以进行生产的构建脚本，以及哈希值和源映射。 https://github.com/facebook/create-react-app#whats-included

您可以在构建脚本之前设置

GENERATE_SOURCEMAP=false

：

    build:
      commands:
        - GENERATE_SOURCEMAP=false yarn run build

你可以在 create-react-app webpack 配置的源代码中看到它的定义：

https://github.com/facebook/create-react-app/blob/0a827f69ab0d2ee3871ba9b71350031d8a81b7ae/packages/react-scripts/config/webpack.config.js#L42