如何通过单条命令构建ASP.NET Core API与Angular项目？

当然可以！不管你的Angular前端和ASP.NET Core Web API是集成在同一个项目结构里，还是作为独立项目分开维护，都能通过简单的方式实现一键构建。下面是几种最常用的方案：

方案1：利用ASP.NET Core原生的前端集成 #

如果你是用ASP.NET Core的官方Angular模板创建的项目（比如dotnet new angular），那事情就超简单了——直接在ASP.NET Core项目的根目录运行这条命令：

dotnet publish --configuration Release

ASP.NET Core会自动识别到项目里的Angular子项目，先调用ng build --configuration production完成前端构建，再把前端产物打包到后端的发布目录里，全程不用手动切换目录或者执行多条命令。

方案2：自定义脚本（适合独立的前后端项目） #

如果你的Angular和API是两个完全独立的项目，那可以写个简单的脚本把两个构建命令串起来：

• Windows平台：创建一个build-all.bat文件，内容如下（记得替换成你自己的项目路径）：

@echo off
echo 开始构建Angular前端...
cd D:\Projects\MyAngularApp
ng build --configuration production
echo 前端构建完成，开始构建API后端...
cd ..\MyAspNetApi
dotnet publish --configuration Release
echo 全部构建完成！

双击这个批处理文件，或者在命令行里运行它，就能一键搞定。

• Linux/macOS平台：创建一个build-all.sh脚本：

#!/bin/bash
echo "开始构建Angular前端..."
cd ~/Projects/MyAngularApp
ng build --configuration production
echo "前端构建完成，开始构建API后端..."
cd ../MyAspNetApi
dotnet publish --configuration Release
echo "全部构建完成！"

给脚本加上执行权限（chmod +x build-all.sh），然后运行./build-all.sh就行。

方案3：在API项目里配置自动触发前端构建 #

要是你不想单独维护脚本，还可以修改ASP.NET Core项目的.csproj文件，添加一个自定义构建目标，让dotnet publish命令自动先构建前端：
打开API项目的.csproj，在<Project>标签里添加这段配置（替换成你的Angular项目相对路径）：

<Target Name="BuildFrontendBeforePublish" BeforeTargets="Publish">
  <Exec Command="cd ../MyAngularApp &amp;&amp; ng build --configuration production" />
</Target>

之后只要在API项目根目录运行dotnet publish --configuration Release，就会先自动构建Angular前端，再完成后端的发布，同样是一条命令解决问题。

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