编译typescript文件并将输出与现有javascript文件连接起来,同时保留sourcemaps
我正在尝试编译typescript文件,并将输出与其他一些现有javascript文件连接起来 我正在使用gulp sourcemaps,并将load maps选项设置为true。不幸的是,连接文件的源映射包含指向TypeScript文件的路径。Javascript文件的路径是正确的 我有以下文件,必须按给定顺序打包:编译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
/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'));