Azure Задаче копирования Devops не удалось найти папку dist / app после npm сборки задачи

Question

Я развертываю и angular приложение на Azure Службе приложений. Выпуск конвейера завершился успешно, но приложения там нет. Я посмотрел в wwwroot и LocalSite Root папка dist не существует. Мой конвейер не так? на основании приложения angular. json, что сборка будет сгенерирована в dist / myapp. Но Копировать задачу не удалось найти.

pool:
  name: Azure Pipelines
steps:
- task: NodeTool@0
  displayName: 'Use Node 6.x'

- task: Npm@1
  displayName: 'Use npm @latest'
  inputs:
    command: custom
    verbose: false
    customCommand: 'install -g npm@latest'

- task: Npm@1
  displayName: 'npm install'
  inputs:
    verbose: false

- task: Npm@0
  displayName: 'npm build'
  inputs:
    cwd: myapp/package.json
    command: custom
    arguments: 'run prod-build-dev'

- task: CopyFiles@2
  displayName: 'Copy Files to: $(Build.ArtifactStagingDirectory)/$(Build.BuildId).zip'
  inputs:
    SourceFolder: '$(agent.builddirectory)/dist/myapp'
    TargetFolder: '$(Build.ArtifactStagingDirectory)/$(Build.BuildId).zip'

- task: PublishBuildArtifacts@1
  displayName: 'Publish Artifact: app'
  inputs:
    ArtifactName: app

Answer 1

Azure Задаче Devops Copy не удалось найти папку dist / app после npm build build

Чтобы убедиться, что сборка будет создана в папке dist, Вы должны правильно установить файлы package.json и angular.json.

Файл package.json, например:

"scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e",
    "prod-build-dev": "ng build --prod --build-optimizer",
    "prod-build-staging": "ng build --prod --configuration=staging --build-optimizer"
  }

И не изменять значение по умолчанию outputPath в angular.json :

  "options": {
        "outputPath": "dist",
       }

Существует отличный документ о Развертывании Angular Приложения, использующего Azure DevOps Построение и выпуск конвейеров , вы можете проверить его для получения более подробной информации.

Если приведенное выше не поможет вам, вы можете поделиться своими package.json и angular.json файлами и журналом сборки о задаче npm build в вашем вопросе. Я проверю это.

Надеюсь, это поможет.