在 Angular2 (TS) 中导入模块的选项

我知道有一些进展或至少有计划（#5093 https://github.com/Microsoft/TypeScript/issues/5039, #5728 https://github.com/Microsoft/TypeScript/pull/5728）来改进 typescript 的模块路径映射，但我想知道此时我们有什么选择（Angular2 beta.1、TypeScript 1.7、VS Code 0.10.5、nodejs 5.4、systemjs 0.19）。

为了要做everyone快乐（编译器、编辑器和浏览器）我使用以下语法来导入模块：

// C:/~somepath~/project_name/src/scripts/app/components/search/search.component.ts
import {Component} from 'angular2/core';
import {EmitterService} from '../../../core/services/emitter/emitter.service';
import {SearchService} from '../../../app/services/search/search.service';

编译为

System.register(['angular2/core', '../../../core/services/emitter/emitter.service'], function(exports_1) {

当我使用以下选项时

// tsconfig.json
{
  "compilerOptions": {
    "target": "ES5",
    "module": "system",
    "moduleResolution": "node"
    ...
  }  
}

我想使用没有所有这些点的导入：

import {EmitterService} from 'core/services/emitter/emitter.service';

因为它变得非常丑陋，追踪起来很疯狂，移动模块也是一场噩梦。它可以在浏览器中运行，因为systemjs配置：

// system.conf.js
System.config({
  map: {
    app: "/scripts/app",
    core: "/scripts/core",
  }
}

我可以通过添加来“欺骗”编译器"isolatedModules": true到 tsconfig.json （没有这个它会抛出错误），但是在Visual Studio Code the Cannot find module错误仍然存​​在，并且我失去了代码提示。我听说有一些解决方案可以输入node_modules文件夹，但无法找到任何工作示例。

有人知道如何配置所有这些以优雅地协同工作吗？

Thanks.

为了跟进未来的访问者，这个问题应该在 TypeScript 2.0 中修复。您正在寻找的配置是设置baseUrl or paths您的属性tsconfig.json。如果你无条件地想将所有内容匹配到某个路径scripts，使用类似：

{
    "baseUrl": "./src/scripts"
}

如果只是core and app你想专门使用，使用

{
    "baseUrl": "./src/scripts",
    "paths": {
        "app/*": ["app/*"],
        "core/*": ["core/*"]
    }
}