Come configurare gulp-typescript per Angular 2?

Question

attualmente sto usando il compilatore tsc con il flag di controllo dal prompt. Funziona bene, carica tutti i file di definizione e compila correttamente ogni file angular2. Tuttavia è molto scomodo da usare attraverso la finestra della shell.

Il mio obiettivo è creare un'attività di gulp in grado di tradurre qualsiasi file dattiloscritto in base alle definizioni angular2. Ho coinvolto gulp-typescript, sembra facile da usare, quindi questo è il codice:

var tsProject = $.typescript.createProject(paths.src + '/tsconfig.json'); 
gulp.task('typescript', function() { 
    gulp 
    .src([ 
     paths.src + '/*.ts' 
    ]) 
    .pipe($.typescript(tsProject)).js 
    .pipe(gulp.dest(paths.tmp)); 
}); 

e questa è la struttura di cartelle:

... 
src/ 
---- app/ 
-------- ts/ 
------------ *.ts 
---- typings/ 
-------- angular2/ 
------------ angular2.d.ts 
------------ http.d.ts 
-------- es6-promise/ 
------------ ... 
-------- rx/ 
------------ ... 
-------- tsd.d.ts 
---- *.ts 
---- tsconfig.json 
gulpfile.js 
... 

Il file TSconfig ha nessuna lista files, in modo che il compilatore dovrebbe controllare qualsiasi file ts all'interno di src (a qualsiasi livello).

Quando l'attività viene invocato ricevo questo errore:

error TS2307: Cannot find module 'angular2/angular2'. 
error TS2307: Cannot find module 'angular2/http'. 

Come posso dire a-tipografica compilatore che d.ts file da usare?

Answer 1

Sembra che tu non abbia ancora dichiarato nei tuoi file.

proveremo a dichiarare nel file in cui si importano i moduli qualcosa di simile:

/// <amd-dependency path="./src/typings/angular2/angular2.d.ts" /> 
/// <amd-dependency path="./src/typings/angular2/http.d.ts" /> 

import angular2 = require("angular2"); 
import http = require("http") 

/// <amd-dependency dice compilatore che i moduli speciali esiste in sistema e dare la possibilità di compilare senza errori

Answer 2

mi consiglia di aggiungere definizioni a gulp.src. Qualcosa del genere:

var tsProject = $.typescript.createProject(paths.src + '/tsconfig.json'); 
gulp.task('typescript', function() { 
    gulp 
    .src([ 
     paths.src + '/app/**/*.ts', 
     paths.src + '/typings/**/*.d.ts' 
    ]) 
    .pipe($.typescript(tsProject)).js 
    .pipe(gulp.dest(paths.tmp)); 
}); 

Answer 3

Anche questo mi ha fatto imprecare e imprecare per un po '. Assicurarsi di avere questo nel nodo compilerOptions del vostro tsconfig.json:

{ 
    "compilerOptions": { 
    "moduleResolution": "node", 
    } 
}