角2のTypescriptの入力パスの問題

Question

私は、角2とTypescriptを使用してGulpビルドプロセスを学習し、作成しようとしています。私はクイックスタートに沿って続き、すべてうまく動作していました。今私は分かち合って、少し違ったことをやろうとしています。私がしようとしているのは、別のフォルダ構造を使用することです。私はapp.component.tsファイルに問題があり、import { Component } from 'node_modules/@angular/core';が見つかりました。私はimport { Component } from '../../../manager/node_modules/@angular/core';にファイルを変更して、それは動作しますが、私は他の人が異なるフォルダ構造を持っているのを見て、長いディレクトリパスを使用しません。次のように

現在、私のフォルダ構造は次のとおりです。

build 
    - css 
    - js 
    // all compiled files end up here 
manager 
    - node_modules 
    - typings 
    gulpfile.ts 
    typings.json 
    package.json 
    tsconfig.json 
source 
    app.component.ts 
    main.ts 

app.component.ts

/// <reference path="../manager/typings/index.d.ts" /> 

import { Component } from '../manager/node_modules/@angular/core'; 
@Component({ 
    selector: 'my-app', 
    template: '<h1>My First Angular 2 App</h1>' 
}) 
export class AppComponent { } 

私の質問は以下のとおりです。

• 私は記述せずに@angular/coreを参照することができますパス全体を出す？

• <reference path="">を省略することはできますか？

angle2-seedプロジェクトではできますが、どうやってそれを行ったのかわかりません。私はそれらのファイル参照を行うファイルを持っていると確信しています。

Answer 1

は、以下のフォルダ構造を使用してみてください：

build/ 
    css/ 
    js/ 
source/ 
    app.component.ts 
    main.ts 
node_modules/ 
typings/ 
gulpfile.ts 
typings.json 
package.json 
tsconfig.json 

説明：活字体のコンパイラが正しく@angular/coreモジュールを解決しますので、あなたのtsconfig.jsonは、ルートでなければなりません。また、node_modulesフォルダとtypings.jsonファイルもルートに保存することをお勧めします。

TypeScriptがモジュールを解決する方法を理解するには、Module Resolutionのドキュメントをお読みください。