在 dotnet 发布后运行 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 。