加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

在Angular中使用多个共享模块

发布时间:2020-12-17 17:36:39 所属栏目:安全 来源:网络整理
导读:有谁知道在Angular应用程序中使用多个共享模块是否有任何意义? 我怀疑的是,如果我将所有管道,指令和通用组件放在一个大的共享模块中,然后在延迟加载的模块中导入它(我只使用一个或两个导入的功能),它可能会导致输出文件中未使用的代码重复. 然后,如果我在几
有谁知道在Angular应用程序中使用多个共享模块是否有任何意义?

我怀疑的是,如果我将所有管道,指令和通用组件放在一个大的共享模块中,然后在延迟加载的模块中导入它(我只使用一个或两个导入的功能),它可能会导致输出文件中未使用的代码重复.
然后,如果我在几个共享模块之间拆分共享功能并仅导入每个特定模块中所需的那些,那么它会减小我的应用程序的大小吗?或者Angular默认执行所有这些优化?

我知道webpack(Angular构建系统所基于的)允许将公共块放在一个文件中.但我不确定它是否适用于延迟加载的模块.

解决方法

在这种情况下,我对ng构建输出进行了一些调查.我使用了两个惰性模块(对共享功能有不同的依赖关系)并将我的共享模块导入它们.然后我构建了应用程序并检查了他们的文件.它们不包含额外的代码,但只引用完全放在main.bundle.js中的共享模块.

因此,这意味着在每个应用程序的一个公共共享模块中放置共享功能与在几个共享模块之间将它们分开以防总体构建大小有所不同.

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读