Ответы пользователя по тегу Вёрстка
  • В Gulp 4 + browser sync не работает автообновление.Как исправить?

    AlekseyPavlyutenkov888
    @AlekseyPavlyutenkov888 Автор вопроса
    верстальщик и веб дизайнер
    много разных вариантов перепробовал,в итоге решил вопрос с автообновлением,написав еще один таск для gulp под html и немного подправив код.
    Вот рабочий вариант кода,где компилируется sass в css и работает
    browser sync:

    var gulp 		= require('gulp'),
    	sass        = require('gulp-sass'),
    	browserSync = require('browser-sync');
    
    gulp.task('sass', function() {
    	return gulp.src('src/sass/main.sass')
    		.pipe(sass({outputStyle: 'expanded'}))
    		.pipe(gulp.dest('src/css'))
    		.pipe(browserSync.reload({stream: true}))
    	}); 
    
    gulp.task('html', function() {
    	return gulp.src('src/*.html')
    		.pipe(browserSync.reload({stream: true}))
    	});
    
    // Static server
    gulp.task('browser-sync', function() {
        browserSync.init({
            server: {
                baseDir: "src/"
            }
        });
    });
    
    gulp.task ('watch', function() {
    	gulp.watch('src/sass/**/*.sass', gulp.parallel('sass'))
    	gulp.watch('src/*.html', gulp.parallel('html'))
    	});
    
    gulp.task('default', gulp.parallel('browser-sync', 'watch'))
    Ответ написан