angular - 在 Angular 中使用多个共享模块

Question

有谁知道在 Angular 应用程序中使用多个共享模块是否有任何意义？

我怀疑的是，如果我将所有的管道、指令和公共(public)组件放在一个大的共享模块中，然后将其导入到延迟加载的模块中(我只使用一个或两个导入的功能)它可能会导致输出文件中出现未使用的代码重复项。那么，如果我将共享功能拆分到几个共享模块中，并仅导入每个特定模块中需要的功能，是否会减小我的应用程序的大小？还是 Angular 默认会进行所有此类优化？

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

Answer 1

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

因此，这意味着将共享功能放入每个应用程序的一个公共(public)共享模块中与将它们拆分到多个共享模块之间没有什么不同，以防影响总构建大小。