Angular 为多个根路径重用相同的延迟加载模块

Question

我将我的应用分成两个模块:一个具有主要的基本功能，另一个具有帐户设置、常见问题解答页面等较少使用的功能。

我想要完成的是为某些根路由路径延迟加载第二个模块，例如 /account 或 /settings 而无需创建许多不同的模块.据我所知，Angular 延迟加载只适用于一个根路由，并且在延迟加载模块中配置的路由被设置为该路由的子路由。

 {
        path: 'account',
        loadChildren: './modules/settings/settings.module#SettingsModule',
 },
 {
        path: 'settings',
        loadChildren: './modules/settings/settings.module#SettingsModule',
 },

Answer 1

Angular 团队正在开发独立组件，这可能会减少加载一些很少使用的部分的痛苦:

https://blog.angular.io/an-update-on-standalone-components-ea53b4d55214

一种简单(虽然不是 100% 最佳)的方法足以满足很多需求，可能是使用单个共享模块——这样你的额外开销“只是”创建另一个功能模块