编译打字稿文件并将输出与现有的javascript文件连接起来，同时保留源图

Question

我正在尝试编译typescript文件并将输出与其他一些现有的javascript文件连接起来。

我正在使用gulp-sourcemaps并将load maps选项设置为true。不幸的是，连接文件的源映射包含指向TypeScript文件的wong路径。 Javascript文件的路径是正确的。

我有以下文件，必须按给定顺序捆绑：

/source/firstDir/jsFile.js
/source/someDir/tsFile.ts
/source/someDir/jsFile.js
/source/someOtherDir/tsFile.ts
/source/anotherDir/jsFile.js

在第一步中，我使用类似的东西编译带有源映射的TypeScript文件：

gulp.src('/source/**/*.ts')
  .pipe(sourcemaps.init())
  .pipe(ts({
    target: 'ES5'
  }))
  .pipe(sourcemaps.write())
  .pipe(gulp.dest(scriptBaseDir));

之后，我有以下文件：

/source/firstDir/jsFile.js
/source/someDir/tsFile.js  <-- compiled
/source/someDir/jsFile.js
/source/someOtherDir/tsFile.js <-- compiled
/source/anotherDir/jsFile.js

然后通过执行以下连接这些文件：

gulp.src(['files', 'in', 'correct', 'order'])
  .pipe(sourcemaps.init({ loadMaps: true }))
  .pipe(concat('bundle.js'))
  .pipe(sourcemaps.write('../maps'))
  .pipe(gulp.dest('/dest'));

生成的源地图无效。原始TypeScript文件的路径不正确。当我需要以给定的顺序连接 TypeScript文件和JavaScipt文件时，如何获得有效的源地图？