使用AzureWebApp@1任务时，如何通过YAML将前端应用部署至Azure App Service的wwwroot子文件夹？

我明白你现在的困扰——想用AzureWebApp@1任务把前端构建产物部署到wwwroot下的子文件夹，但customDeployFolder没起作用对吧？别担心，有几种可靠的YAML配置方案能帮你实现这个需求，我给你详细说说：

方法1：先构建带子文件夹结构的部署包 #

AzureWebApp@1的customDeployFolder其实是针对部署包内的路径生效的，如果你直接传构建产物的根目录，它不会自动帮你在wwwroot下创建子文件夹。所以我们可以先把构建产物复制到一个临时目录的指定子文件夹里，再打包部署：

steps:
  # 假设你已经完成了前端构建，产物在$(Build.ArtifactStagingDirectory)/dist
  - task: CopyFiles@2
    displayName: '复制构建产物到子文件夹结构'
    inputs:
      SourceFolder: '$(Build.ArtifactStagingDirectory)/dist'
      TargetFolder: '$(Build.ArtifactStagingDirectory)/deploy/sub-folder' # 这里的sub-folder就是你要部署到wwwroot下的子文件夹名

  - task: AzureWebApp@1
    displayName: '部署到Azure App Service'
    inputs:
      azureSubscription: '你的Azure订阅连接名'
      appName: '你的App Service名称'
      package: '$(Build.ArtifactStagingDirectory)/deploy' # 指向包含子文件夹的目录
      # 注意：Windows App Service默认无需额外设置deployToSlotOrASE，保持默认false即可

这样部署后，sub-folder里的内容就会被完整同步到wwwroot/sub-folder下了。

方法2：使用Azure CLI任务直接指定目标路径 #

如果觉得打包步骤麻烦，直接用AzureCLI@2任务调用az webapp deploy命令，这个命令支持直接指定目标子文件夹，灵活性更高：

steps:
  # 前端构建步骤省略，产物在$(Build.ArtifactStagingDirectory)/dist
  - task: AzureCLI@2
    displayName: '通过Azure CLI部署到子文件夹'
    inputs:
      azureSubscription: '你的Azure订阅连接名'
      scriptType: 'bash' # Windows环境可以改成pscore
      scriptLocation: 'inlineScript'
      inlineScript: |
        az webapp deploy \
          --name "你的App Service名称" \
          --resource-group "你的资源组名称" \
          --src-path "$(Build.ArtifactStagingDirectory)/dist" \
          --target-path "/wwwroot/sub-folder" # 这里直接指定wwwroot下的子文件夹

这个方法不需要额外打包，直接把dist里的内容推送到目标子文件夹，非常直观。

方法3：使用AzureRmWebAppDeployment@4任务（更灵活的部署选项） #

如果你愿意换用功能更丰富的AzureRmWebAppDeployment@4任务，它的additionalArguments参数可以传递Kudu部署指令，直接指定目标子路径：

steps:
  - task: AzureRmWebAppDeployment@4
    displayName: '部署到App Service子文件夹'
    inputs:
      azureSubscription: '你的Azure订阅连接名'
      appType: 'webApp'
      WebAppName: '你的App Service名称'
      packageForLinux: '$(Build.ArtifactStagingDirectory)/dist'
      # 针对Windows App Service，替换为package参数即可
      additionalArguments: '-dest_dir /wwwroot/sub-folder' # 关键：指定目标子文件夹

小提示： #

• 如果你用的是Windows App Service，路径写法要改成site\wwwroot\sub-folder（反斜杠）；Linux环境用正斜杠/wwwroot/sub-folder。
• 部署前可以通过Kudu控制台（https://<你的appname>.scm.azurewebsites.net/DebugConsole）检查wwwroot目录结构，确保子文件夹不存在或者可以被覆盖。

内容的提问来源于stack exchange，提问作者devopsseeker