asp.net-mvc - 在 Visual Studio 的 ASP.Net 项目中使用 Angular 的 ng serve/ng build --watch

Question

我正在尝试使用 tutorial 将 Angular CLI 设置为 ASP.Net MVC 项目.

完成所有描述的步骤后，我可以成功运行我的项目，但问题是，每次进行任何更改都必须重新构建项目，这非常烦人。

根据教程，Angular 的构建命令由添加到 .csproj 文件的以下脚本处理:

<Target Name="NgDebug" BeforeTargets="Build" Condition="'$(Configuration)' == 'Debug'">
  <Exec WorkingDirectory="$(ProjectDir)HelloAngular" Command="ng build -ec" />
</Target>

我尝试用“ng build --watch”和“ng serve”替换“ng build”，但都没有用。构建只是卡在以下步骤:

------ Build started: Project: Properties Web, Configuration: Debug Any CPU ------

除此之外，我尝试在 TS 配置文件中将“CompileOnSave”设置为“true”，但这也没有帮助。

我正在使用 Visual Studio 2017，以及所有最新版本的 Node、NPM 和 Angular CLi。

欢迎提出任何建议。提前致谢。

Answer 1

我假设您不想在 C# 代码更改时重建整个 Angular 应用程序，但您希望观察 Angular 应用程序中的更改以自动重建。

为此，您必须在单独的终端(cmd 或 Gitbash)中运行 ng build --watch --ec 命令。这将为您观察 Angular 应用程序的变化。

此外，您需要在构建配置文件中删除 Target NgDebug，以防止每次重建 C# 代码时 Visual Studio 都重建 Angular 应用程序。