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



在Web应用程序中,我使用功能模块来拆分功能。对我来说,然后拆分路由感觉很自然,也就是让每个功能模块负责自己的路由。现在,我通过以下方式实现这一点:

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

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

谁能帮我让应用程序预加载大多数功能模块,同时我仍然可以从app-routing.module.ts文件中指向login-routing.module.tsdashboard-routing.module.ts各自的路由?

谢谢!

你可以有一个模块有自己的路由,而不会延迟加载。 基本上,定义功能路由并将其加载到功能模块中,然后将功能模块导入主模块(通常是 AppModule)中。

正如JB Nizet的评论中所述,请按照角度指南查看示例。

希望有帮助

最新更新