Search code examples
typescriptgulp-typescript

How to set up gulp-typescript to generate one javascript file per typescript file into the same directory?


I would like to use gulp-typescript module to take care typescript compiling. The current setup I would like to achieve is having one javascript file per typescript file in the same directory. It is the same what VS Typescript module does.

Unfortunately, I did not find anything like this in the documentation. I also searched for this in the google but there is no result.

Thanks for any help in advance!


Solution

  • The following will look for each .ts file in src directory and compile it in the same path as the source

    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;
      }));
    });