编译typescript文件并将输出与现有javascript文件连接起来,同时保留sourcemaps

编译typescript文件并将输出与现有javascript文件连接起来,同时保留sourcemaps,javascript,typescript,gulp,source-maps,Javascript,Typescript,Gulp,Source Maps,我正在尝试编译typescript文件,并将输出与其他一些现有javascript文件连接起来 我正在使用gulp sourcemaps,并将load maps选项设置为true。不幸的是,连接文件的源映射包含指向TypeScript文件的路径。Javascript文件的路径是正确的 我有以下文件,必须按给定顺序打包: /source/firstDir/jsFile.js /source/someDir/tsFile.ts /source/someDir/jsFile.js /source/so

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

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

我有以下文件,必须按给定顺序打包:

/source/firstDir/jsFile.js
/source/someDir/tsFile.ts
/source/someDir/jsFile.js
/source/someOtherDir/tsFile.ts
/source/anotherDir/jsFile.js
在第一步中,我使用以下内容编译带有sourcemaps的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

生成的源映射无效。原始TypeScript文件的路径不正确。当我需要以给定顺序连接TypeScript文件和JavaScipt文件时,如何获得有效的源代码映射?

可能的副本您可能需要让tsc进行连接,而不是在gulp中进行连接。但是tsc可以将javascript文件作为输入吗?
gulp.src(['files', 'in', 'correct', 'order'])
  .pipe(sourcemaps.init({ loadMaps: true }))
  .pipe(concat('bundle.js'))
  .pipe(sourcemaps.write('../maps'))
  .pipe(gulp.dest('/dest'));