如何組織我的Angular應用程序文件夾（如Java包）？

Question

如何組織像Java程序包一樣的Angular 2應用程序文件夾結構？

考慮以下項目佈局：

app 
|_model 
|_component 
|_service 

我想從服務導入foo.service.ts到bar.component.ts在組件。但據我所知，Angular 2的導入只支持/../service/這樣的相對路徑，這似乎是非常笨重的解決方案。

有沒有一種方法可以從根文件夾引用絕對洗澡的文件夾，就像使用Java軟件包一樣？

Answer 1

還沒有，它應該存在即將與打字稿使用2.0

看這裏 https://github.com/Microsoft/TypeScript/issues/5039

Answer 2

UPDATE 2016年6月1日

npm install typescript@next你已經可以使用這個功能

我假設你的樹看起來像這樣：

node_modules 
|_@angular 
|_rxjs 
app 
|_model 
|_component 
|_service 
package.json 
tsconfig.json 

您應該添加在你的tsconfig.json以下行：

{ 
    "compilerOptions": { 
    "baseUrl": ".", 
    "paths": { 
     "*": [ 
     "app/*", 
     "node_modules/*" 
     ] 
    } 
    } 
} 

然後像使用正@角度你可以參考你的模塊/ rxjs模塊

import { MyService } from 'service/MyService'; 
import { Component } from '@angular/core'; 
import { Observable } from 'rxjs'; 

注：的WebPack還需要webpack.config.js中的以下行

resolve: { 
    modulesDirectories: [ 
     'node_modules', 
     'app' 
    ] 
}