在 Angular2 中设置基本导入目录答案

【问题标题】：Setting a base import directory in Angular2在 Angular2 中设置基本导入目录
【发布时间】：2016-03-01 13:19:54
【问题描述】：

我正在开发一个Angular2 应用程序，使用版本2.0.0-beta.7 结合TypeScript。我开始将我所有的 .ts 文件放在一个目录中，只是为了实现所需的功能。现在我试图用一个目录结构对它们进行逻辑组织，它涵盖了我的应用程序的逻辑及其功能。这样做之后，我得到了很多这样的行：

import {Config} from '../../../../../config/app-config';

...还有这个...

@Component({
    selector: 'traffic-info',
    templateUrl: '../../../../../../views/traffic-info.html'
})

所有这些../ 有点烦人，但据我所知，路径值必须与当前脚本相关。所以，我想知道是否有办法设置默认（基本）导入路径或类似的东西，并跳过所有这些“升级”步骤。

【问题讨论】：

标签： javascript typescript angular

【解决方案1】：

您可以尝试在 HTML 页面的头部使用 base 标签：

HTML <base> 元素指定用于文档中包含的所有相对 URL 的基本 URL。一个文档中只能有一个<base> 元素。

类似的东西：

<html>
  <head>
    <base href="some root path">
    (...)

【讨论】：

是的，我想过这个选项，但是我想知道如果我改变它会不会出现路由问题。根据this 文章，路由器使用base 元素组成URL。
是的！我认为它也适用于templateUrl 路径，但不适用于 SystemJS 模块路径...