Hur man ställer in gulp-typescript för att generera en JavaScript-fil per TypeScript-fil i samma katalog?

Jag skulle vilja använda gulp-typescript-modulen för att ta hand om TypeScript-kompilering. Den nuvarande setup jag vill uppnå är att ha en JavaScript-fil per TypeScript-fil i samma katalog. Det är samma sak som VS TypeScript-modulen gör.

Tyvärr hittade jag inget liknande i dokumentationen. Jag sökte också efter detta på Google, men det finns inget resultat.

Tack på förhand för all hjälp!

Svar #1

Följande kommer att leta efter varje .ts-fil i src-katalogen och kompilera den på samma plats som källan

gulp.task('scripts' , function(){
    return gulp.src('src/**/*.ts')
    .pipe(
        ts({
             "compilerOptions": {
                 "target": "es5",
                 "module": "commonjs",
                 "sourceMap": true
             }
        })
    )
    .pipe(gulp.dest(function(file) {
    return file.base;
  }));
});

Svar #2

Nedan är ett exempel på en gulp-uppgift som kommer att kompilera ditt program i enlighet med tsconfig och lägga js-filerna i samma mapp som ts-filerna:

gulp.task('build', 
function() 
{
    var tsProject = ts.createProject('tsconfig.json');

    var tsResult = tsProject.src()
        .pipe(ts(tsProject));

    return tsResult.js.pipe(gulp.dest("./"));
});

Relaterade artiklar