Angularjs 2文件夹结构和导入

Question

我想构建我的Angularjs 2项目：

/app
    /dashboard
        ...
    /hero-detail
        ...
    /heroes
        heroes.component.ts
        heroes.component.html
        heroes.component.css
    /services
        hero.service.ts
    app.component.ts
    app.component.css
    main.ts
/bin
index.html
styles.css
tsconfig.json

根据文档中的示例应用程序。我想这是构建项目的一种常见方式。我想知道的是，是否有一些配置设置我可以使用相对于项目根目录的import语句，而不是它所在的文件。

使用普通结构，导入看起来像（在文件heroes.components.ts中）：

import {HeroService} from './hero.service';

但是根据上面的结构，我必须写出类似的东西：

import {HeroService} from '../services/hero.service';

我想有一种方法可以做到这一点并跳过......“up-one-dir”符号。有吗？

现在我在控制台中遇到一些令人困惑的错误，我想这与导入错误有关（因为上面的相对路径？）：

GET http://localhost:3000/heroes/app/main.ts 404 (Not Found)

路径显然是错误的，但我找不到应该在我的项目中的位置。