2016-03-07 42 views
3

我習慣於使用ES6語法。我傾向於將我的React組件文件聚合到一個「導入」文件中,該文件用作我的「組件」文件夾的index.js。這讓我寫自毀進口,像這樣:彙總導入,然後在TypeScript中導出

import { App, Ticker, Timer } from "./components" 

裏面我index.js文件,我可以輕鬆地寫出進口出口的命令,像這樣:

export App from "./app" 
export Ticker from "./ticker" 
export Timer from "./timer" 

有沒有一種方法,我可以做到這一點在TypeScript中?我似乎無法將index.ts識別爲模塊中的默認文件。是否還有任何語法在TypeScript中導出導入?

回答

4

有沒有一種方法可以讓我在TypeScrip做到這一點

只需使用ES6 export *語法:

export * from "./components"; 

另外,您還可以這樣做:

export {App,Ticker,Timer} from "./compoents" 
+0

這工作得很好。謝謝。 – Navx

0

剛像這樣添加大括號:

export { App } from "./app"; 
export { Ticker } from "./ticker"; 
export { Timer } from "./timer"; 

希望它有幫助