如何缩小放大应用程序？

Question

我正在使用反应/放大堆栈。 发布应用程序后，我意识到那里的所有代码都没有缩小，我可以打开任何组件并看到它是未缩小的源代码。 据我了解，放大基于它的 amplify.yml 文件构建应用程序。 我没有改变任何东西，它看起来像这样：

version: 0.1
backend:
  phases:
    build:
      commands:
        - '# Execute Amplify CLI with the helper script'
        - amplifyPush --simple
frontend:
  phases:
    preBuild:
      commands:
        - npm ci
    build:
      commands:
        - npm run build
  artifacts:
    baseDirectory: build
    files:
      - '**/*'
  cache:
    paths:
      - node_modules/**/*

我可以在那里看到一个命令 - 'npm run build' 我想应该构建应用程序然后将其发布为缩小版本。 那么为什么没有发生呢？

Answer 1

npm run build将执行package.json的脚本部分中配置的任何内容。 您可能想要配置环境变量以指示要执行的构建类型。 以下是create-react-app项目选择这样做的方式：

...
"scripts": {
    "build": "REACT_APP_ENV=development react-scripts build",
    "build:development": "REACT_APP_ENV=development react-scripts build",
    "build:production": "REACT_APP_ENV=production react-scripts build",
...
  },
...

使用此模式，您可以手动指定所需的构建类型，或设置环境变量并运行npm run build 。

Amplify 中的环境变量在应用程序设置 > 环境变量下进行配置。