angular 5 延迟加载 vs 动态加载

Question

谁能解释一下 angular5 中延迟加载模块和动态组件加载的区别？我很难弄清楚什么时候使用什么。您能否为每个案例提供一个用例，以便我更好地理解它们？我是 angular 5 的新手...我知道延迟加载是关于模块的，而动态组件加载是关于组件的。

Answer 1

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

参考：https://alligator.io/angular/lazy-loading/

Answer 2

• 延迟加载模块通过减少加载时间和提高性能的功能加快了我们的应用程序启动时间。

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

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

Answer 3

'dynamic loading' 和 'lazy loading' 是行为的不同术语。两者都有条件地加载到网站上 - 例如。当用户单击 modal-button 时，我们要加载 modal 的代码 - 这是 动态行为 。也可以说 modal 在用户单击按钮时 延迟加载。

祝你好运...