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

Question

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

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

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

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

谢谢！

Answer 1

你可以拥有一个带有它自己路由的模块而不会延迟加载。 基本上，您可以定义要素路径并将其加载到要素模块中，然后将要素模块导入主要模块（通常是AppModule）。

如JB Nizet的评论所述，请点击angular guide查看示例。

希望有所帮助