Angular 5 延迟加载与动态加载

Question

有人可以解释一下 Angular 5 中延迟加载模块和动态组件加载之间的区别吗？我很难弄清楚何时使用什么。您能为每个提供一个用例，以便我更好地理解它们吗？我对 Angular 5 还很陌生...我知道延迟加载是关于模块的，而动态组件加载是关于组件的。

Answer 1

使用延迟加载模块，浏览器只会在用户第一次导航到其路线时加载功能。当您将组件直接添加到路线中时，无论您是否处于任何特定路线中，它们都会被加载，因此就性能和初始包大小而言，延迟加载功能总是好的。

参考：

https://alligator.io/angular/lazy-loading/

Answer 2

• 延迟加载模块可加快我们的应用程序启动时间，并具有缩短加载时间并提高性能的功能。

• 延迟加载会创建多个包，并根据请求在运行时在浏览器中按需加载它们。

• 如果我们将所有组件和模板加载到一个大包中，则会导致很大的性能损失。

Answer 3

'dynamic loading'

 和 

'lazy loading'

 是行为的不同术语。  两者都有条件地加载在网站上 - 例如。当用户单击 

modal-button

 时，我们要加载 

modal

 的代码 - 这就是 

动态行为。 也可以说，当用户单击按钮时，modal

 是

延迟加载的。 祝你好运...

Answer 4

动态加载

- JavaScript 功能允许条件模块加载。

延迟加载

- 是可以使用动态加载的特定用例，即在第一次需要模块的情况下动态加载模块。