Asp.net mvc 4 在ASP.NET MVC项目中承载多个Angular 2应用程序

我们正在重新编写一个大型应用程序，并决定使用Angular 2。由于应用程序的大小，我们希望将其分解为每个部分的子应用程序。我们的目标是在项目级别使用MVC路由来访问每个子应用程序。每个子应用程序的索引页将向浏览器交付Angular应用程序，Angular将接管该子应用程序内的路由。我们的项目级（MVC）导航菜单将横跨应用程序窗口的顶部，每个部分的导航（由Angular处理）将是左侧下方的垂直导航栏。我的问题是，我们应该如何构造解决方案中的文件夹，以便在项目增长时实现最佳的健全性？

它应该与普通项目类似，只是您可以使用Apps文件夹而不是一个App文件夹，假设您的应用程序在功能上是分离的，因此结构可以如下所示：

应用程序

-+-附件1

-+-附件2

-+-附件3

-+-共享

---

共享fodler可以具有一些公共功能，例如服务或自定义组件

您是否计划在不同的子应用程序中共享“公共组件”？是的，我认为可能会在组件之间共享一些服务。您将使用Typescript？是的，我们对使用Typescript很感兴趣。Apps文件夹是否会位于MVC项目的根目录中？是的，它应该位于MVC项目的根目录中，当您将它放在MVC项目中时，有些人会这样做，将它放在Scripts文件夹下。您是否将所有javascript放在一个文件中：app1+app2+app3？或者，您是否能够为每个应用程序生成一组javascript文件？如果是这样的话，您如何生成这些输出文件？@manuevalle您可以使用webpack将它们全部分组到一个文件中，或者找到一种方法将每个应用程序中的文件分组到单独的捆绑包中，并仅为其对应的应用程序引用，因为我相信当用户从一个应用程序移动到另一个应用程序时，会有一个完全刷新。谢谢，是的，我找到了webpack，可以配置一个混合解决方案。