如何使用 Gulp process.env.NODE_ENV 讓 AWS Amplify 在生產模式下構建？

Question

我正在使用具有以下配置的 AWS Amplify：

1. https://dev.example.com/ - AWS Amplify - 分支 = dev
2. https://example.com/ - AWS Amplify - 分支 = 主

在gulpfile.js我有適用於生產的規則（縮小等使用）

const isProd = process.env.NODE_ENV === 'prod'

這是我的amplify.yaml

version: 1
frontend:
  phases:
    # IMPORTANT - Please verify your build commands
    build: 
      # commands: []
      commands:
        npm run build:$BUILD_ENV
  artifacts:
    # IMPORTANT - Please verify your build output directory
    baseDirectory: /docs
    files:
      - '**/*'
  cache:
    paths: []

我嘗試將 prod 應用於 ONLY 大師。 我只希望為 master 應用和運行 prod 模式。 當我運行構建時.. dev 分支顯示未縮小的 HTML，生產也是如此。 它正在工作和構建，但 prod 模式沒有反映在生產中，因此它沒有執行我的 build prod 命令。

我在網上搜索並應用了環境變量並遵循了這個文檔，該文檔顯示了構建過程“https://docs.aws.amazon.com/amplify/latest/userguide/build-settings.html”，如下所示：

仍然無法正常工作。

Answer 1

我遇到了類似的問題。 我不確定這是最優雅的解決方案：

    build:
      commands:
        - if [ "${AWS_BRANCH}" = "master" ]; then echo "master branch"; npm run build; fi
        - if [ "${AWS_BRANCH}" = "dev" ]; then echo "dev branch"; npm run build -- --mode dev; fi

這對我有用，盡管我的堆棧與你的不同。 它可能會引導你走向正確的方向，或幫助他人。