AWS amplify 部署中暴露的 React 源代码

Question

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

1. 创建了一个示例 create-react-app（此处称为 deploy_test app），
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 Dev Tools 中看到完整的源代码（如下所示）。关于如何解决此问题的任何提示？

Answer 1

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

A build script to bundle JS, CSS, and images for production, with hashes and sourcemaps. https://github.com/facebook/create-react-app#whats-included

你可以在构建脚本前设置GENERATE_SOURCEMAP=false:

    build:
      commands:
        - GENERATE_SOURCEMAP=false yarn run build

在create-react-app webpack config的源码中可以看到定义：

https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/config/webpack.config.js#L43-L46