如何使用gulp在不同的文件中创建Typescript源代码，而不是在JavaScript文件中创建？

Question

我有一个项目，我正在使用gulp。我想打字稿文件转换为JavaScript，并有源地图也。这是我现在有的：

var sourcemaps = require('gulp-sourcemaps'); 
var typescript = require('gulp-typescript'); 

gulp.task('typescript', function() { 
    gulp.src('app/**/*.ts') 
     .pipe(typescript()) 
     .pipe(sourcemaps.init())  
     .pipe(sourcemaps.write()) 
     .pipe(gulp.dest('app'))  
}); 

这部分工作，但sourcemaps都出现在JavaScript内。任何人都可以告诉我，我可以如何使它为每个JavaScript创建一个源代码文件而不是内部的地图？

Answer 1

您正在编写您的sourcemaps.write()为内联。

从gulp-sourcemaps repo

要写入外部源地图文件，一个路径相对于传递给 目的地sourcemaps.write（）。

应该是 -

var sourcemaps = require('gulp-sourcemaps'); 
var typescript = require('gulp-typescript'); 

gulp.task('typescript', function() { 
    gulp.src('app/**/*.ts') 
     .pipe(sourcemaps.init()) 
     .pipe(typescript()) 
     .pipe(sourcemaps.write('../maps')) 
     .pipe(gulp.dest('app'))  
}); 

看看是否能解决您的问题。