@Muvka

Как заставить отображать изменения css без перезагрузки старницы?

Здравствуйте. Недавно обновил библиотеки галпа. Теперь перестала работать BrowserSync. Я так понимаю stream отвечает за обновление страницы без перезагрузки. Заходил на сайт, делал как у них написано, не помогло. Подскажите, как вернуть функционал? Я смог сделать только полную перезагрузку страницы, но это очень неудобно. Вот код
var gulp           = require('gulp'),
		sass           = require('gulp-sass'),
		browserSync    = require('browser-sync').create(),
		cleanCSS       = require('gulp-clean-css'),
		autoprefixer   = require('gulp-autoprefixer'),
		bourbon        = require('node-bourbon'),
		uglify 				 = require('gulp-uglify'),
		pump 					 = require('pump'),
		babel 				 = require('gulp-babel');

gulp.task('browser-sync', function() {
	browserSync.init({
		proxy: "hospital-7-site",
		notify: false
	});
});

gulp.task('sass', function() {
	return gulp.src('wp-content/themes/hospital7/stylesheet/stylesheet.sass')
		.pipe(sass({
			includePaths: bourbon.includePaths
		}).on('error', sass.logError))
		.pipe(autoprefixer(['last 15 versions']))
		.pipe(cleanCSS())
		.pipe(gulp.dest('wp-content/themes/hospital7/stylesheet/'));
});

gulp.task('compress', function (cb) {
  pump([
        gulp.src('wp-content/themes/hospital7/js/*.js'),
        babel({
            presets: ['env']
        }),
        uglify(),
        gulp.dest('wp-content/themes/hospital7/dist')
    ],
    cb
  );
});

gulp.task('watch', ['sass', 'compress', 'browser-sync'], function() {
	gulp.watch('wp-content/themes/hospital7/stylesheet/stylesheet.sass', ['sass']).on('change', browserSync.reload);
	gulp.watch('wp-content/themes/hospital7/*.php', browserSync.reload);
	gulp.watch('wp-content/themes/hospital7/js/*.js', ['compress']).on('change', browserSync.reload);
});

gulp.task('default', ['watch']);
  • Вопрос задан
  • 93 просмотра
Пригласить эксперта
Ваш ответ на вопрос

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

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