Get the current file name in gulp.src()

by

I’m not sure how you want to use the file names, but one of these should help:

  • If you just want to see the names, you can use something like gulp-debug, which lists the details of the vinyl file. Insert this anywhere you want a list, like so:

    var gulp = require('gulp'),
    debug = require('gulp-debug');

gulp.task('examples', function() {
    return gulp.src('./examples/*.html')
        .pipe(debug())
        .pipe(gulp.dest('./build'));
});

  • Another option is gulp-filelog, which I haven’t used, but sounds similar (it might be a bit cleaner).

  • Another options is gulp-filesize, which outputs both the file and it’s size.

  • If you want more control, you can use something like gulp-tap, which lets you provide your own function and look at the files in the pipe.

Leave a Comment