角延迟加载特征模块路线

时间:2020-04-01 06:47:52

标签: javascript angular lazy-loading

我对延迟加载功能模块感到困惑。我确实了解延迟加载功能模块的概念,但是我的问题是我是否应该延迟加载功能模块内的每条路线?

例如,我有一个称为“公告”的功能。它具有一个列表,创建,编辑和详细信息组件。我所做的是,我懒惰地加载了功能模块内的每条路线以及功能模块本身。

我的应用程序日趋庞大,因此由于它遍历每个模块,因此需要花费一些时间来服务或构建该应用程序。

那么我应该懒加载功能模块内部的每条路线吗?

1 个答案:

答案 0 :(得分:1)

为回答您的问题,延迟加载是为了增强应用程序的性能。因此,我们的应用程序将被拆分为多个功能模块并实现延迟加载。这样,基于导航到特定路线,它将仅加载所需的特定内容。 (它将创建一个chunk.js),并且如果我们再次路由至此,它将不会重新加载已加载的所有内容。您可以在以下网址中看到一个演示:

https://angular-auxillary-route-lazy-load-example.stackblitz.io

有关更多详细信息,请参见以下链接:

https://angular.io/guide/lazy-loading-ngmodules

https://medium.com/@thiago.reis/how-to-implement-lazy-loading-in-angular-c8dcbf165561

我们不需要为每个组件创建模块,只需要为功能模块创建模块即可。示例:LoginModule(处理所有登录功能),UserModule(跟踪用户信息)...

希望这会有所帮助。