導入所有組件Angular2

Question

我有很多組件，導入部分看起來很臃腫：

import {comp1} from './components/comp1/comp1';
import {comp2} from './components/comp2/comp2';
....

有沒有辦法寫通用導入？ 就像是

import * from './components/';

Answer 1

您可以使用帶* import並使用as關鍵字來創建要在組件中使用的變量。 例如：

import * as jwt from 'angular2-jwt/angular2-jwt';

然后在您的組件中將其引用如下：

// ...
  console.log(jwt.AuthConfig);

Answer 2

這是index.ts文件的目的。

我通常在該文件夾中寫一個index.ts文件夾，並將您想要的所有內容放入索引文件中。

例如：

path/component/index.ts

export * from './child component 1/index';
export * from './child component 2/index';
export * from './child component 3/index';
export * from './child component 4/index';
export * from './child component 5/index';
...

some/component/*.component.ts

從'path / component / index'導入*