Angular Branch Build 1

angular-branch-build1.yaml

- script: ng build --configuration=dev
  displayName: 'Build app (dev)'
  condition:  eq(variables['build.sourceBranch'], 'refs/heads/dev')

- script: ng build --configuration=staging
  displayName: 'Build app (staging)'
  condition:  eq(variables['build.sourceBranch'], 'refs/heads/staging')

- script: ng build --configuration=production
  displayName: 'Build app (production)'
  condition:  eq(variables['build.sourceBranch'], 'refs/heads/main')

angular-branch-build2.yaml

variables:
  ${{ if startsWith(variables['Build.SourceBranch'], 'refs/heads/') }}:
    branchName: $[ replace(variables['Build.SourceBranch'], 'refs/heads/', '') ]
  ${{ if startsWith(variables['Build.SourceBranch'], 'refs/pull/') }}:
    branchName: $[ replace(variables['System.PullRequest.TargetBranch'], 'refs/heads/', '') ]

angular-branch-build3.yaml

- script: ng build --configuration=dev
  displayName: 'Build app (dev)'
  condition:  eq(variables['branchName'], 'dev')

- script: ng build --configuration=staging
  displayName: 'Build app (staging)'
  condition:  eq(variables['branchName'], 'staging')

- script: ng build --configuration=production
  displayName: 'Build app (production)'
  condition:  eq(variables['branchName'], 'main')