typescript - 如何设置 gulp-typescript 为每个 typescript 文件生成一个 javascript 文件到同一目录中？

Question

我想使用 gulp-typescript 模块来处理打字稿编译。我想要实现的当前设置是在同一目录中每个打字稿文件有一个 javascript 文件。VS Typescript 模块的作用是一样的。

不幸的是，我在文档中没有找到类似的内容。我也在谷歌上搜索过这个，但没有结果。

提前感谢您的帮助！

Answer 1

下面会.ts在 src 目录下查找每个文件，并在与源码相同的路径下编译

gulp.task('scripts' , function(){
    return gulp.src('src/**/*.ts')
    .pipe(
        ts({
             "compilerOptions": {
                 "target": "es5",
                 "module": "commonjs",
                 "sourceMap": true
             }
        })
    )
    .pipe(gulp.dest(function(file) {
    return file.base;
  }));
});

Answer 2

下面是示例 gulp 任务，它将根据 tsconfig 编译您的程序并将 js 文件与 ts 文件放在同一文件夹中：

gulp.task('build', 
function() 
{
    var tsProject = ts.createProject('tsconfig.json');

    var tsResult = tsProject.src()
        .pipe(ts(tsProject));

    return tsResult.js.pipe(gulp.dest("./"));
});