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

时间:2016-03-27 12:40:08

标签: typescript gulp-typescript

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

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

提前感谢您的帮助!

2 个答案:

答案 0 :(得分:6)

以下将在src目录中查找每个.ts文件,并在与源

相同的路径中编译它
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;
  }));
});

答案 1 :(得分: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("./"));
});