Azure Dev Ops将Angular应用程序部署到静态Web应用程序

Question

我想将一个Angular应用程序部署到一个Azure静态Web应用程序.构建部分工作正常，但发布错误并说它找不到构建项目：目录位置：'dist'无效。无法检测到此目录。请验证您的部署配置文件是否反映了您的存储库结构。

这是用于发布应用程序的YAML，下面是屏幕截图。

steps:
- task: PublishBuildArtifacts@1
  displayName: 'Publish Artifact: dist'
  inputs:
    PathtoPublish: dist
    ArtifactName: dist

静态Web App模板

因此，似乎我们没有使用正确的发布位置，但不确定使用什么。

以下是来自管道的 YAML：

steps:
- task: Npm@1
  displayName: 'npm custom'
  inputs:
    command: custom
    verbose: false
    customCommand: 'install @angular/cli -g'

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

steps:
- task: Npm@1
  displayName: 'npm build'
  inputs:
    command: custom
    verbose: false
    customCommand: 'run build -- --configuration=production'

steps:
- task: PublishBuildArtifacts@1
  displayName: 'Publish Artifact: dist'
  inputs:
    PathtoPublish: dist/CarehomeBooking
    ArtifactName: dist

构建的安格应用程式的目录结构是：

安格拉姆内置代码

Answer 1

路径发布需要具有 ng 生成操作的输出文件夹。请确保构建项目的发布版本。您可能需要运行 ng 构建 --prod、ng 构建 --配置生产或简单的 ng 构建，以确保根据您使用的 Angular （CLI） 版本构建发布版本。

当前角度项目的默认输出路径为：dist/

通过打开角度来查找输出路径。json文件并查看architect下的outputPath-

另外：请确保从项目的根目录运行命令或指定完整路径。