Làm thế nào tôi có thể sử dụng gulp để tạo sourcemaps Typescript trong các tệp khác nhau chứ không phải bên trong các tệp javascript?

Question

Tôi có một dự án mà tôi đang sử dụng gulp. Tôi muốn có các tệp bản ghi được chuyển đổi thành javascript và cũng có bản đồ nguồn. Dưới đây là những gì tôi có ngay bây giờ:

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

Điều này hoạt động một phần nhưng tất cả các sourcemaps xuất hiện bên trong javascript. Bất cứ ai có thể cho tôi biết làm thế nào tôi có thể làm cho nó để nó tạo ra một tập tin sourcemap cho mỗi javascript hơn là có bản đồ bên trong?

Answer 1

Bạn đang viết sourcemaps.write() để nội tuyến.

Từ gulp-sourcemaps repo

Để viết các file bản đồ nguồn bên ngoài, thông qua một đường dẫn tương đối đến đích để sourcemaps.write().

Nên -

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

Xem nếu điều này khắc phục vấn đề của bạn.