我如何缩小放大应用程序？

Question

我正在使用 react/amplify 堆栈。发布应用程序后，我意识到那里的所有代码都没有缩小，我可以打开任何组件并查看它的未缩小源代码。据我了解，amplify 会根据它的 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.

Environmental variables in Amplify 在“应用程序设置”>“环境变量”下配置。

我如何缩小放大应用程序？

How do i minify amplify application?

javascript

aws-amplify