Как сделать таск в gulp для обработки pug-модулей?

Question

[Дима]

Есть pug-страницы сайта и папка с модулями, которые внедряются в страницы с помощью include.
Если я меняю что-то в модуле, gulp этого не видит, и приходится каждый раз компилировать pug-файлы и html-файлы в корень. Что можно сделать?
Вот мой gulpfile

var pug = require("gulp-pug");

gulp.task('pug', function() {
  return gulp.src('pug/**/*.pug')
    .pipe(pug({
      pretty: true
    }))
    .pipe(gulp.dest(''))
    .pipe(
      browserSync.reload({stream: true})
      );
});

Answer 1

[deeppines]

var reload = browserSync.reload;
var runSequence = require('run-sequence');

gulp.task('pug', function () {
    return gulp.src('source/*.pug')
            .pipe(pug({pretty: true}))
            .pipe(gulp.dest(''))
    });
    
gulp.task('watch', function(){
    $.watch('source/**/*.pug ', function(event, cb) {
            return runSequence('pug', reload);
        });
}

Comments

[Дима]

Спасибо большое, все работает, только страница перезагружается 4 раза за правку, это нормально?

Еще хотел бы узнать, если вас не затруднит, почему мой вотчер не работал:
gulp.watch('pug/**/*.pug', ['pug']);

[deeppines]

Дима Волков, ситаксис не правильный:
gulp.watch('путь к тому за чем наблюдаем', [опции - /delay/queue/ignoreInitial ], функция которая будет выполняться при срабатывании триггера)

Подробнее можно почитать тут

[Дима]

Lucas Kane, спасибо!

Answer 2

[Егор Живагин]

Так это... загугли про gulp-watch и прикрути его. Сейчас твой таск отрабатывает 1 раз.

Comments

[Дима]

Спасибо за совет, watch'ер уже есть:
gulp.watch('pug/**/*.pug', ['pug']);

Правда я не заню какую роль он тут играет :)

[Дядя Толя]

Дима, отслеживает все файлы c расширение .pug в папке /pug и её подпапках. Если есть изменения при сохранении этих файлов, запускается таск ['pug] на обработку этих файлов.