将 Angular 添加到现有的 ASP.NET Web 窗体项目？答案

【问题标题】：Adding Angular to an existing ASP.NET Web Forms project?将 Angular 添加到现有的 ASP.NET Web 窗体项目？
【发布时间】：2017-11-29 11:03:33
【问题描述】：

我正在寻找有关将 Angular（特别是 4.0 的最新版本）添加到现有 ASP.NET WebForms 项目的指导。我使用的是 Visual Studio 2017，.NET Framework 版本是 4.6.2。

我最近探索了Angular with ASP.NET Core 的官方模板项目，但不幸的是，由于依赖关系，npm/NuGet 包已经为我设置好了，我不知道如何将正确、最新和最好的包和扩展添加到现有的项目。更不用说我使用的是完全不同的 ASP.NET 版本。

感谢任何帮助，谢谢！

更新：我想我应该添加更多细节。我特别想最终使用 Angular 和至少 webpack、Hot-module-replacement-middleware 或类似的 BrowserLink、Karma + Jasmine，并且我希望 Angular 使用最新的 TypeScript。我认为这应该使我的问题更加具体。

【问题讨论】：

Angular 是一个客户端框架。无论是 ASP.NET 4 还是 ASP.NET Core 并没有真正的区别。
@mason 对，很抱歉。我已将我的问题更新为更具体，其中包括一些 devenv 方面的内容，例如通过 Visual Studio 和 HMR 执行 webpack，并让这些功能与 VS 完美集成，就像它们在我链接的 ASP.NET Core 模板中一样 如果可能的话

标签： asp.net asp.net-mvc visual-studio angular webforms

【解决方案1】：

考虑使用 Angular CLI 来构建您的 Angular 应用程序和一些对 Angular CLI 友好的编辑器，例如 VS Code。

考虑不要将其添加到您的 Web 窗体项目中，而是将其与自己的功能分开。

它仍然可以与您拥有的任何后端（Web API）进行通信。

【讨论】：

我想我会这样做。不过，出于好奇，我能否将一个小的角度视图嵌入到单独的 WebForms 项目的现有页面中？