在Angular中使用多个共享模块

前端之家收集整理的这篇文章主要介绍了在Angular中使用多个共享模块前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有谁知道在Angular应用程序中使用多个共享模块是否有任何意义?

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

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

解决方法

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

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

猜你在找的Angularjs相关文章