Как минимизировать большое количество операторов импорта в угловом модуле?

Question

В моем угловом модуле у меня есть 50 строк операторов import для импорта этих классов и использования в разделах объявлений @NgModule.

В C ++ существует концепция файла include, в которой вы можете поместить все классы во включаемый файл и использовать этот файл. Как сделать мой модуль более читабельным, скрыв детали импортируемых компонентов?

Вот как начинается мой @NgModule файл модуля:

Answer 1

Рядом с функциональным модулем может быть другой модуль, который импортирует все классы и реэкспортирует их для использования функциональным модулем.

FeatureImportsModule.ts:

import { ComponentA } from 'path/to/file'
import { ComponentB } from 'path/to/file'
...


@NgModule({
  declarations: [
    ComponentA,
    ComponentB
    ....
    ],
  exports: [
    ComponentA,
    ComponentB,
    ...
  ]
})
export class FeatureImportsModule { } 

FeatureModule.ts, это тот, который становится «более читабельным»:

@NgModule({
  imports: [ FeatureImportsModule ]
export class FeatureModule { }