angular - 共享模块中未使用的组件是否会减慢我的应用程序？

Question

在我的电子组件中，我导入了我的 shared.module(有 featured-brand.component、product-list.components 等)，并且我还导入了我在其他类别(视频游戏、玩具等)中的共享模块。当我导入它们时，我的 shared.modules 中的一些组件没有被使用。我的共享模块中这些未使用的组件会减慢我的应用程序吗？非常感谢。

Answer 1

“减速”的标准很难量化。不过，要回答您的问题，了解在模块中声明什么组件会很有帮助 actually does :

An NgModule is a class decorated with @NgModule metadata. The metadata do the following:

• Declare which components, directives, and pipes belong to the module.

简单地在那里声明您的组件不会对性能产生有意义的影响。它只是让 Angular 知道它们的存在，因此它们可以与您的组件选择器相匹配。

然而，这有一个巨大的警告——如果你在生产中使用 Angular 进行典型的构建过程，你在模块上声明的组件将被捆绑在你的输出 JavaScript 中(它们不会被删除通过摇树)。通常这是正确的行为(因为您的组件仍在被某些东西使用)。但是，如果您采用延迟加载，并且性能至关重要，那么您需要确保没有将不必要的组件打包到您的包中。