Обновление страницы через browserSync обгоняет компиляцию файлов. Как справиться?

Question

[Worddoc]

Здравствуйте. Обновление через browserSync работает слишком быстро, pug(jade) после компиляции в html компилирует и в итоге обновляет html слиишком долго. Не вижу другого варианта, как поставить setTimeout на browserSync, но есть ли другие, более быстрые варианты?( Спасибо.

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

gulp.task('browser-sync', function() {
	browserSync({
		server: {
			baseDir: 'src'
		},
		notify: false
	});
});

gulp.task('watch', ['browser-sync', 'pug', 'css-libs', 'scripts'], function() {
	gulp.watch('src/sass/**/*.scss', ['sass']); // Наблюдение за sass файлами в папке sass
	gulp.watch('src/pug/**/*.pug', ['pug']); // Наблюдение за HTML файлами в корне проекта
	gulp.watch('src/js/**/*.js', browserSync.reload);   // Наблюдение за JS файлами в папке js
});

Comments

[Max Medar]

А если убрать опцию steam ?

Answer 1

[Александр Коротаев]

надо событие ловить

gulp.src('src/pug/**/*.pug')
    .pipe(pug())
    .pipe(gulp.dest('src'))
    .on('end', function() {browserSync.reload({stream: true}))

Comments

[Worddoc]

Worddoc: Ничего не происходит.

[Александр Коротаев]

Worddoc: У Jade() была возможность навесить такой же callback на событие, может у pug() тоже осталась
так же советуют прямо при инициализации таски ставить callback https://github.com/BrowserSync/browser-sync/issues/1125