【问题标题】:Lazy load a module from lazy load route从延迟加载路由延迟加载模块
【发布时间】:2017-07-23 03:25:30
【问题描述】:

我已经做了惰性加载路由和共享模块,可以先在主模块中导入,在惰性模块中可用。

但是当惰性模块需要该模块时,我想加载共享模块,例如在我的主模块中,我只有一个登录路径,这个页面不需要任何类型的库。所以我不想第一次导入那个库,当我去另一个路线时应该导入库。

当我们只有具有核心功能的登录屏幕时,它的包大小非常小,但有很多库,它会增加大小。我想主模块应该是一个小包。

我怎样才能做到这一点。

【问题讨论】:

  • 使用块将解决您的问题
  • Angular 提供了创建惰性路由模块的块。所有可以在多个路由中使用的共享模块,我们想导入一次,它包含在供应商包中
  • 把你的共享模块分成几个部分,只在需要的地方导入。

标签: angular angular-cli


【解决方案1】:

看看这个:

Lazy loading: code splitting NgModules with Webpack

“让我们谈谈 Angular 中的代码拆分、延迟加载和一些 Webpack。代码拆分使我们能够从本质上将代码库分解为更小的块并按需提供这些块,我们称之为“延迟加载”。所以, 让我们学习如何做以及它背后的一些概念/术语。”

【讨论】:

  • 这个示例是关于来自路由的延迟加载模块。共享模块仍然在主模块中导入,这意味着库在供应商包中导入并且没有代码拆分的好处。我不想在路由之外导入延迟加载模块。
猜你喜欢
  • 2017-08-21
  • 2018-05-22
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-02-22
  • 2015-03-28
  • 2020-07-12
  • 2018-10-04
相关资源
最近更新 更多