How can I in Gulp exclude javascript files compiled from Typescript?

Question

We have an existing Angular 1 project and we want to gradually introduce Angular 2 components and eventually convert to Angular 2. The project was not written using Typescript or a module loader and converting the whole thing would be too much right now. But the Angular 2 components will be written in Typescript and will employ a module loader (SystemJS).

The legacy javascript code is bundled through an existing gulp script. I want to make minimal modifications to that gulp script so that it ignores javascript modules that were compiled from typescript. My idea is to try to exclude .js files that have a corresponding .ts file in the same folder with the same base name. I just can't figure out how to do that in gulp.

For the Gulp task that compiles the TypeScript, could you just specify a destination that the bundling task won't use? Without specific code, I only have a vague understanding of what your problem is. — U-DON
– U-DON, Commented May 30, 2016 at 7:00

Sven Schoenung · Accepted Answer · 2016-05-30 07:04:22Z

1

The following uses fs.statSync to check if the corresponding .ts file exists and gulp-filter to exclude those files were that is the case:

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

var fs = require('fs');

gulp.task('default', function() {
  return gulp.src('src/**/*.js')
    .pipe(filter(function(file) {
      try {
        return !fs.statSync(file.path.replace(/\.js$/, '.ts')).isFile();
      } catch (e) {
        return true;
      }
    }))
    .pipe(gulp.dest('dist'));
});

answered May 30, 2016 at 7:04

Sven Schoenung

30.6k8 gold badges67 silver badges70 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

JC Ford Over a year ago

Had to add handling for *.css files, but then it worked like a charm. Thanks!

Collectives™ on Stack Overflow

How can I in Gulp exclude javascript files compiled from Typescript?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related