Задать вопрос
@Worddoc
Frontend explorer

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

Здравствуйте. Обновление через 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
});
  • Вопрос задан
  • 411 просмотров
Подписаться 2 Оценить 1 комментарий
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
  • Skillfactory
    Профессия Веб-разработчик
    12 месяцев
    Далее
  • Нетология
    Fullstack-разработчик на Python + нейросети
    20 месяцев
    Далее
Решения вопроса 1
надо событие ловить
gulp.src('src/pug/**/*.pug')
    .pipe(pug())
    .pipe(gulp.dest('src'))
    .on('end', function() {browserSync.reload({stream: true}))
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы