tsconfig.json 中的 gulp-typescript 和 outFile 选项

Question

我正在使用 gulpfile.js 以这种方式编译我的 tsconfig.json 项目：

var ts = require('gulp-typescript');

var tsProject = ts.createProject('Modeler/tsconfig.json',
    { typescript: require('typescript') });

gulp.task('build:ts', function () {
    var tsResult = tsProject.src()
        .pipe(ts(tsProject));
    return tsResult.pipe(gulp.dest('wwwroot/app'));
});

它工作正常并编译我的打字稿文件并将 js 文件放入 wwwroot/app 文件夹

问题出现了，然后我希望 TypeScript 编译器使用 outFile 属性输出单个连接文件

{
  "compilerOptions": {
    "noImplicitAny": false,
    "noEmitOnError": true,
    "removeComments": false,
    "sourceMap": true,
    "target": "es5",
    "module": "commonjs",
    "outFile": "modeler.js"
  },
  "exclude": [
    "node_modules",
    "wwwroot"
  ]  
}

gulp 任务确实会创建一个空的输出文件并创建 *.js 文件，其内容位于 *.ts 文件旁边。

我应该如何解决才能在不污染源文件夹的情况下创建所需的输出文件？

Answer 1

您确定您的 TypeScript 源代码中没有外部模块吗？

在这种情况下，我遇到了类似的行为。使用 outFile 选项时不允许使用外部模块，但编译器不会抱怨并发出空文件。此外，外部模块应该在“某处”（outDir）发出。

如果问题不在于使用普通tsc -p . 的外部模块与使用gulp-typescript 的行为方式相同？

Answer 2

我建议为此使用gulp-concat。做不止一件事的 Gulp 包违反了 Gulp 的原则。

var concat = require('gulp-concat');

gulp.task('scripts', function() {
  return gulp.src('./lib/*.js')
    .pipe(concat('all.js'))
    .pipe(gulp.dest('./dist/'));
});

Answer 3

我相信这就是 TypeScript 编译器的 --outDir 选项的用途。请参阅https://github.com/Microsoft/TypeScript/wiki/Compiler-Options 并查看 gulp-typescript documentation，其中指定：

outDir (string) - 将输出移动到不同的（虚拟）目录。 请注意，您仍然需要 gulp.dest 将输出写入磁盘。