匯入所有組件Angular2

Question

我有很多的組件和進口部分顯得有些力不從心：

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

是否有寫通用進口的方式？喜歡的東西

import * from './components/'; 

Answer 1

可以使用導入與*和使用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

進口*從 '路徑/組件/索引'