如何使用gulp在不同的文件中而不是在javascript文件中创建Typescript源图？

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'))    
});

这部分工作,但源图都出现在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'))    
});

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