在 dotnet publish 之后运行 Angular 生产版本

Question

我有一个 ASP.NET Core 2.0 应用程序和 Angular 5 SPA 托管在同一个文件夹中。

目前要部署到 IIS，我执行以下操作：

// First publish the release configuration
dotnet publish -c release 
// Now delete the wwwroot directory as it is pulished with ng build
rm -r bin/release/netcoreapp2.0/publish/wwwroot
// Build the prod version of the angular app
ng build --prod
// copy the new wwwroot folder into the publish folder
cp -R wwwroot bin/release/netcoreapp2.0/publish/

这非常令人困惑......我如何告诉 dotnet publish 运行 ng build --prod？

我已尝试将以下内容添加到我的项目 csproj 文件中：

<Target Name="AngularBuild" AfterTargets="Publish">
  <Exec Command="npm run build --prod" />
</Target>

Answer 1

在 .csproj 中

<Target Name="Build Angular" Condition="'$(Configuration)'=='Release'" BeforeTargets="Build">
  <Message Text="* * * * * * Building Angular App * * * * * *" Importance="high"/>
  <Exec Command="npm run build"/>
</Target> 

然后在 package.json 中

"scripts": {
  "build": "npm run build --prod"
}

Answer 2

您可以使用任何任务运行程序或自定义脚本来一一调用所有这些命令。

例如，您可以在package.json 中定义一个自定义的 npm 脚本：

{
  ...
  "scripts": {
    "apppublish": "dotnet publish -c release && npm run build --prod",
    ...
  }
}

然后当您需要发布应用时，只需致电npm run apppublish。