关于angular4惰性加载时ShareModule的问题

发布于 2022-09-06 00:21:59 字数 404 浏览 14 评论 0

在未使用惰性加载之前,--prod build出的main.bundle.js大概有1mb多一点,于是就想到了用懒加载

使用惰性加载后,分出10个惰性加载的chunk,最大的一个居然也有1mb多

分析考虑可能是ShareModule的大量重复加载导致的。

大致的需求是ShareModule中有5个子component,其它模块对这5个component并不是都需求的,平均需求1-2个。

所以就想有没有一种方式,可以在App的根module上加载这个ShareModule,然后其他的子module不再需要去import这个ShareModule,这样压缩的时候ShareModule中的代码就不会被写进chunk文件中了

如果没有这种偷懒的方式,那有没有其他手段可以避免重复import同一个module造成的浪费呢

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

菊凝晚露 2022-09-13 00:21:59

所谓的 SharedModule 本身就应该在所有模块(包括根模块)导入。

魂归处 2022-09-13 00:21:59

楼主的问题解决了吗,我想知道使用惰性加载,怎么在每个子模块中使用sharemodule,我现在是在每个子模块中引用sharemodule,直接在根模块引用不好用。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文