Замедляет ли импорт ненужных модулей в AppModule приложение Angular 2?

Question

В угловом (2/4/6) приложении, если мы импортируем ненужные модули в модуль приложения, это замедлит работу приложения.

Влияет ли это на производительность приложения?

@NgModule({
  imports: [
    BrowserModule.withServerTransition({ appId: 'myId' }),
    FormsModule,
    AppRoutingModule,
    HttpClientModule,
    HttpClientInMemoryWebApiModule,
    AaModule,
    BbModule
  ],
  declarations: [
    AppComponent,
    AdminComponent
  ],
  providers: [  ],
  bootstrap: [ AppComponent ]
})

Answer 1

Если вы импортируете модуль и никогда не используете его ... он останется позади.Это одно из самых больших преимуществ "тряски деревьев", которое обеспечивает компилятор.Также известен как «мертвый код».

Ссылка на ненужный код из модулей с другой стороны увеличит (или раздуется, как вы его называете) размер вашего дистрибутива и также потребует, чтобы браузер считал этот код в память.

Answer 2

Yomateo правильно сказал, что встряхивание дерева позаботится о неиспользуемых модулях / операторах модулей при выполнении сборки.

Шейкер дерева просматривает граф зависимостей сверху вниз и вытряхивает неиспользуемый код, такой как мертвые листья в дереве

Однако существует разница в количествевремя, необходимое для сборки, занимает больше времени для сборки приложений с включением большего количества модулей, даже если они никогда не используются и размер сборки больше, если импортируется больше модулей.

Итак, чтобы ответить на ваш вопрос, производительностьЭто не повлияет на время сборки и размер сборки.

Источник

Answer 3

Импорт ненужного модуля значительно увеличивает размер вашего приложения.Это также относится к любому угловому модулю, который вы, возможно, захотите использовать, включая сторонние.