Angular 5 个路由器模块化功能模块

Question

在 Web 应用程序中，我使用功能模块来拆分功能。对我来说，然后也拆分路由感觉很自然，a.k.a。让每个功能模块处理它自己的路由。现在，我正在通过以下方式实现这一目标：

const routes: Routes = [
  {
    path: 'login',
    loadChildren: './login/login.module#LoginModule'
  }
];

这样做的副作用是该模块现在是延迟加载的，而不是在应用程序启动时加载的。当用户已经在使用该应用程序时，我希望尽可能缩短加载时间。应用程序启动时较长的加载时间不是问题（因为用户每天将其用作管理工具几个小时）。但同时，我想保持模块化，让每个功能模块安排自己的路由。

任何人都可以帮助我让应用程序预加载大部分功能模块，同时我仍然可以从 app-routing.module.ts 文件中指向 login-routing.module.ts 和 dashboard-routing.module.ts 各自的路径吗？

谢谢！

Answer 1

您可以让模块拥有自己的路由，而无需延迟加载。基本上，你定义你的功能路由并将它们加载到你的功能模块中，然后你将你的功能模块导入到你的主要模块（通常是 AppModule）中。

正如JB Nizet 的评论所说，跟随angular guide 看例子。

希望对您有所帮助

Angular 5 Router Modularity Feature Modules