.NET 7中如何设置环境专属的npm start命令？

针对.NET Core 7.0 + Visual Studio 2022 ASP.NET Core with Angular模板的环境专属npm启动命令需求，提供以下三种可行方案：

方案一：通过.csproj条件配置（推荐） #

利用MSBuild的条件属性，直接在项目文件中根据运行环境指定不同的SpaProxyLaunchCommand：

1. 更新package.json脚本
   在scripts节点下添加环境专属命令：

   "scripts": {
     "startdev": "ng serve --port 44450",
     "startprod": "ng serve --port 44451",
     // 保留原有其他脚本
   }
   

2. 修改.csproj文件
   替换原有的<SpaProxyLaunchCommand>配置，添加条件判断：

   <!-- 开发环境使用startdev -->
   <PropertyGroup Condition="'$(Configuration)' == 'Development'">
     <SpaProxyLaunchCommand>npm run startdev</SpaProxyLaunchCommand>
   </PropertyGroup>
   
   <!-- 生产环境使用startprod -->
   <PropertyGroup Condition="'$(Configuration)' == 'Production'">
     <SpaProxyLaunchCommand>npm run startprod</SpaProxyLaunchCommand>
   </PropertyGroup>
   

   启动项目时，Visual Studio会根据当前选择的配置（Debug对应Development、Release对应Production）自动执行对应的npm命令。

方案二：通过package.json脚本自动判断环境 #

保持.csproj的SpaProxyLaunchCommand为npm start，在package.json的start脚本中根据ASP.NET Core环境变量切换执行命令：

1. 更新package.json脚本

   "scripts": {
     "start": "if \"%ASPNETCORE_ENVIRONMENT%\"==\"Production\" (npm run startprod) else (npm run startdev)",
     "startdev": "ng serve --port 44450",
     "startprod": "ng serve --port 44451"
   }
   

   注：Linux/macOS环境需替换为if [ "$ASPNETCORE_ENVIRONMENT" = "Production" ]; then npm run startprod; else npm run startdev; fi，也可使用cross-env包实现跨平台兼容

2. 保持.csproj配置不变
   保留原有的：

   <SpaProxyLaunchCommand>npm start</SpaProxyLaunchCommand>
   

   启动时，npm会读取ASP.NET Core的环境变量，自动选择对应的启动命令。

方案三：通过Program.cs动态控制环境变量 #

如果需要在代码层面动态调整，可在Program.cs中设置自定义环境变量，配合方案二的package.json脚本使用：

var builder = WebApplication.CreateBuilder(args);

// 根据当前环境设置自定义环境变量
if (builder.Environment.IsProduction())
{
    Environment.SetEnvironmentVariable("ANGULAR_RUN_MODE", "Production");
}
else
{
    Environment.SetEnvironmentVariable("ANGULAR_RUN_MODE", "Development");
}

// 其他服务注册代码...

var app = builder.Build();

// 中间件配置...

app.Run();

然后修改package.json的start脚本：

"start": "if \"%ANGULAR_RUN_MODE%\"==\"Production\" (npm run startprod) else (npm run startdev)"

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