使用多个Angular 2应用程序的ASP.Net Core MVC

8

我正在为一个复杂度将会增长的项目准备结构。我想使用ASP.Net Core MVC来进行顶层导航。在每个主视图中,我想放置一个Angular 2应用程序。

我从这个Yoman模板开始构建起始点Angular 2 with ASP.Net Core Template。这个模板构建和运行得很好。

在我的项目根目录中,我想有一个AngularApps文件夹,并在其中为每个Angular应用程序创建一个文件夹,例如'Scheduling'、'Utilities'、'Equipment'。

我有几个问题无法理解:

  1. 我该如何配置Webpack?
  2. AngularApps文件夹中是否只有一个dist文件夹?
  3. 在各自的应用程序文件夹中,是否需要为每个Angular 2应用程序都有一个boot-clientboot-server文件?

对我来说,从一开始就计划拥有多个Angular 2应用程序,每个应用程序都有更专注的职责是一个实用的方法。然而,我找不到任何明确的实例来解释如何实现这个目标。我相信这对很多人都会有帮助。

非常感谢。

1个回答

6
我们公司也曾遇到同样的问题,我们采用了以下这种结构。我们有一个ASP.NET Core的主项目,就像你们一样,在根目录下命名为“apps”或者在你们的情况下是“AngularApps”。然后,我们为每个开发的Angular应用程序创建了单独的项目。这些Angular应用程序都是基本的Node.js项目,我们使用Angular CLI来构建项目。这包括Webpack和一系列其他出色的工具来管理你的项目。最后,在生产环境构建设置中,我们将这些Angular项目的输出目录设置为我们ASP.NET Core主项目wwwroot文件夹下的特定文件夹。希望这能帮到你,如果你有任何问题,请告诉我。

Angular CLI可以帮助处理你的webpack文件配置。 - aholtry
非常有趣,谢谢。Angular和ASP.Net对我来说都是新的东西,所以我正在努力理解如何将它们结合起来。虽然我喜欢关注点分离和系统化的工作方式。如果你有多个项目,那么你如何配置以便进行调试呢? - TDC
出于好奇,如果您在单独的VS项目中拥有每个Angular应用程序,那么根目录中的应用程序文件夹中包含什么? - TDC
您IP地址为143.198.54.68,由于运营成本限制,当前对于免费用户的使用频率限制为每个IP每72小时10次对话,如需解除限制,请点击左下角设置图标按钮(手机用户先点击左上角菜单按钮)。 - aholtry
@aholtry 很有意思的想法。我看到Angular-Cli也支持多个应用程序,这很棒。您如何处理angular-cli输出的版本化资产?您是否使用注入插件将版本化的脚本/样式添加到您的razor页面中? - Mike Lunn

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接