@pgamesorg

Почему не browsesSync не обновляет браузер после изменений?

'use strict';
 
const gulp = require('gulp');
const sass = require('gulp-sass');
const pug = require('gulp-pug');
const del = require('del');
const autoprefixer = require('gulp-autoprefixer');
const browserSync = require('browser-sync').create();


//КОМПИЛЯЦИЯ SASS ФАЙЛОВ
gulp.task('sass', function() {
		return gulp.src('src/work/sass/**/*.scss', {since: gulp.lastRun('sass')})
			.pipe(autoprefixer())
			.pipe(sass())
			.pipe(gulp.dest('src/static/css'));
	}
);

//КОМПИЛЯЦИЯ PUG ФАЙЛОВ
gulp.task('pug', function() {
		return gulp.src('src/work/pug/index.pug')
			.pipe(pug({pretty: true}))
			.pipe(gulp.dest('src/static'));
	}
);

//ОТПРАВКА ИЗМЕНЕННЫХ ФАЙЛОВ ИЗ "SRC/STATIC" -> PRODACTION
gulp.task('static', function() {
	return gulp.src('src/static/**')
		.pipe(gulp.dest('dist'));
})

//ОЧИСТКА PRODACTION
gulp.task('clean', function() {
	return del('dist');
});

//ПОЛНАЯ СБОРКА ПРОЕКТА
gulp.task('build', gulp.series(
	'clean',
	gulp.parallel('pug', 'sass', 'static'))
);

gulp.task('watch', function() {
	gulp.watch('src/work/pug/index.pug', gulp.series('pug'));
	gulp.watch('src/work/sass/**/*.*', gulp.series('sass'));
	gulp.watch('src/static/**/*.*', gulp.series('static'));
});

gulp.task('serve', function() {
	browserSync.init({
		server: 'dist'
	});

	browserSync.watch('dist/**/*.*').on('change', browserSync.reload);
});

gulp.task('dev', 
	gulp.series('build', gulp.parallel('watch', 'serve'))
);
  • Вопрос задан
  • 137 просмотров
Пригласить эксперта
Ответы на вопрос 1
@Haoss
html-верстальщик
в инете пока ответа нет, откатился на версию 2.14.0
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы