Как пересобирать именно тот фаил в котором были изменения?

Question

[Anton Essential]

Добрый день.
Вероятно кто-то знает, как компилировать только тот фаил в котором произошли изменения, например в каталоге лежит 20 файлов с расширением pug, стоит watcher который смотрит за изменением в каталоге, при изменении одного файла происходит перекомпиляция всех, помоему это ерунда какая-то, когда файлов становится много начинается адская боль, можно ли следить за файлом(не важно за каким) и если он изменился компилировать именно его с его инклюдами а не все 20.
Для сборки использую gulp

// Pug task
    gulp.task('pug', function buildHTML(cb) {
      return gulp.src('pug/*.pug')
      .pipe(pug())
      .pipe(gulp.dest('./dist/'));
    });

    // Watch task
    gulp.task('watch',function(){
      global.isWatching = true;

      // Modules pug
      watch('pug/*.pug', function() {
        return runSequence('pug', browserSync.reload);
      });
    });

Answer 1

[Олег]

В галпе 4 версии из коробки можно сделать так:

gulp.task( 'pug', function () {
  return gulp.src( 'pug/*.pug', { since: gulp.lastRun( 'pug' ) } )
  .pipe( pug() )
  .pipe( gulp.dest( './dist/' ) );
});

Также есть gulp-newer.

Comments

[Anton Essential]

Ага, галп ньюуа следит за файлом и при сохранении все равоно происходит перекомпиляция всех файлов.

Answer 2

[Дмитрий Христоев]

у меня так

gulp.task('jade', function() {
  gulp.src('./_jade/**/*.jade')
    .pipe(changed('./dist/', {extension: '.html'}))
    .pipe(gulpif(global.isWatching, cached('jade')))
    .pipe(jadeInheritance({basedir: './_jade/'}))
    .pipe(filter(function (file) {
      return !/\/_/.test(file.path) && !/^_/.test(file.relative);
    }))
    .pipe(plumber())
    .pipe(jade({
      pretty: '    '
    }))
    .pipe(gulp.dest('./dist/'))
    .pipe(browserSync.reload({stream:true}));
});

Comments

[Anton Essential]

Да да, как раз нашел решение и вы пост опубликовали. https://www.npmjs.com/package/gulp-pug-inheritance прям вот вот, такойже таск.