在TypeScript中的名稱空間下導入外部模塊？

Question

我有，旨在與UI工作模塊的集合，所以這是它看起來像在文件夾中的術語：

ui/ 
    dialogs.ts 
    tabs.ts 
    progress-bar.ts 
    menus.ts 

我想進口這些模塊命名空間下做的這樣，而不是：

import uiDialogs = require('ui/dialogs'); 
import uiMenus = require('ui/menus'); 

我希望我可以做這樣的事情：

import ui { 
    dialogs: require('ui/dialogs'), 
    menus: require('ui/menus') 
} 

有沒有辦法在打字稿做到這一點？

Answer 1

沒有辦法直接在TypeScript中做到這一點。 AMD模塊的代碼實際上並不適用於這一點 - 模塊名稱來自頂層，因此編譯器必須爲您提供一個名稱。

可以效仿的行爲，編譯器會做來實現這一目標，但：

import __k = require('ko'); 
module imports { 
    export import ko = __k; 
} 
var x = imports.ko.whatever; 

Answer 2

如果我正確理解你的問題，你可以做這樣的事情：

import dialogs = require('ui/dialogs'); 
import menus = require('ui/menus'); 

var ui = {dialogs: dialogs, menus: menus}; 

Answer 3

我建議您在ui文件夾內創建一個index.ts文件夾：

ui/ 
    dialogs.ts 
    tabs.ts 
    progress-bar.ts 
    menus.ts 
    index.ts 

with內容等：

import uiDialogs = require('ui/dialogs'); 
export var dialogs = uiDialogs; 
import uiMenus = require('ui/menus'); 
export var menus = uiMenus; 

及用量：

import ui = require('ui/index'); 

另外，這是根據推薦的NodeJS圖案。您可以在此投票選擇相關的TypeScript功能：https://typescript.codeplex.com/workitem/2125，您甚至不需要輸入/index，因爲這已由nodejs假定。 TypeScript可以爲節點/ amd輕鬆編碼gen。