@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 просмотров
Решения вопроса 1
надо событие ловить
gulp.src('src/pug/**/*.pug')
    .pipe(pug())
    .pipe(gulp.dest('src'))
    .on('end', function() {browserSync.reload({stream: true}))
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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