如何在一行中导入多个组件和类 - 角度？

Question

我有以下疑问：

我正在创建一个 Angular 应用程序，并且我设计了几个可以在应用程序的任何部分中使用的通用组件，但是，大约有 15 个，以及包含模板或表单的类。

我的缺点是组件和模型导入变得非常乏味，我想知道是否有任何方法可以导入我创建的公共组件的所有组件和模型而无需导入它们全部？

示例：我想跳过这个

import { ComponentGeneric_2 } from './common-component/component-generic-2.component';
import { ComponentGeneric_3 } from './common-component/component-generic-3.component';
import { ComponentGeneric_4 } from './common-component/component-generic-4.component';
import { ComponentGeneric_5 } from './common-component/component-generic-5.component';
import { ComponentGeneric_6 } from './common-component/component-generic-6.component';
import { ComponentGeneric_7 } from './common-component/component-generic-7.component';

并让它替换为这个

import { CommonComponents } from './common-component/generic.xxx';

Answer 1

index.ts

 export * from './common-component/component-generic-2.component';
 export * from './common-component/component-generic-3.component';
 export * from './common-component/component-generic-4.component';

home.component.ts

import { CommonComponent1,CommonComponent2  } from './common-component/index.ts';

否则，如果您像这样在 tsconfig.json 中指定路径，

 "paths": {
  "@components/*": [
    "./src/app/common-component/*"
  ]
 }

使用可以像这样导入组件，

 import { CommonComponent1,CommonComponent2  } from '@components';