将ASP.Net Core Angular应用迁移至VS2022双项目模板后Angular内容无法发布

问题背景 #

原本基于旧版Visual Studio模板的单项目ASP.NET Core+Angular应用，迁移到VS2022的双项目结构（后端csproj+前端esproj）后，本地运行正常，但通过持续集成流水线或本地发布配置文件发布时，仅生成后端程序集，Angular构建产物未被包含到发布输出中——尽管构建日志显示esproj已完成构建。

核心原因 #

新版双项目模板的发布逻辑依赖MSBuild约定关联前端产物，但仅添加项目引用不足以触发前端产物的复制，需要显式配置后端csproj来捕获并包含前端构建后的文件。

解决方案 #

在后端的.csproj文件中添加以下构建目标，适配双项目结构的发布需求：

<Target Name="PublishFrontend" AfterTargets="ComputeFilesToPublish">
  <!-- 确保前端项目以当前配置完成构建 -->
  <MSBuild Projects="..\angularwithasp.client\angularwithasp.client.esproj" Targets="Build" Properties="Configuration=$(Configuration)" />

  <!-- 引用并复制前端构建产物到发布目录 -->
  <ItemGroup>
    <!-- 路径需匹配你的Angular项目实际dist输出位置 -->
    <FrontendDistFiles Include="..\angularwithasp.client\dist\**" />
    <ResolvedFileToPublish Include="@(FrontendDistFiles->'%(FullPath)')" Exclude="@(ResolvedFileToPublish)">
      <RelativePath>wwwroot\%(RecursiveDir)%(FileName)%(Extension)</RelativePath>
      <CopyToPublishDirectory>PreserveNewest</CopyToPublishDirectory>
      <ExcludeFromSingleFile>true</ExcludeFromSingleFile>
    </ResolvedFileToPublish>
  </ItemGroup>
</Target>

关键调整说明 #

• 显式触发前端构建：通过<MSBuild>任务确保发布后端时，前端esproj以相同配置（如Production）完成构建，避免CI环境下因未触发前端构建导致无产物。
• 路径适配：Include路径需对应你的Angular项目实际的dist输出位置，注意相对路径要和项目引用的路径匹配。
• 产物复制规则：将前端dist下的所有文件复制到后端发布输出的wwwroot目录，保持和旧单项目一致的部署逻辑。

额外检查项 #

• 确认Angular项目的angular.json中，build目标的outputPath为dist（或你配置的路径），确保构建产物生成位置正确。
• 若CI环境未预安装npm依赖，可在后端csproj的目标中补充：

  <Exec WorkingDirectory="..\angularwithasp.client" Command="npm install" Condition="!Exists('..\angularwithasp.client\node_modules')" />
  

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