@janik_o1
Учусь, sorry for my bad questions

Gulp+browsersync не обновляет html?

var gulp      = require('gulp'), 
    sass        = require('gulp-sass'), 
    browserSync = require('browser-sync'), 
    jade = require('gulp-jade');


gulp.task('sass', function(){ 
    return gulp.src('app/sass/**/*.sass') 
        .pipe(sass()) 
        .pipe(gulp.dest('app/css')) 
        .pipe(browserSync.reload({stream: true})) 
});

gulp.task('browser-sync', function() {
    browserSync({ 
        server: { 
            baseDir: 'app'
        },
        notify: false 
    });
});



gulp.task('jade', function(){
    return gulp.src('app/jade/**/*.jade')
    .pipe(jade())
    .pipe(gulp.dest('app'))
});

gulp.task('watch', ['browser-sync', 'sass','jade'], function() {
    gulp.watch('app/sass/**/*.sass', ['sass']);
    gulp.watch('app/jade/**/*.jade', ['jade']); 
    gulp.watch('app/*.html', browserSync.reload); 
   
});


Знающие люди посмотрите пожалуйста код и скажите почему у меня не обновляет ? если убрать Jade то все работает..
  • Вопрос задан
  • 3866 просмотров
Пригласить эксперта
Ответы на вопрос 3
Machinez
@Machinez
gulp.watch('app/*.html', browserSync.reload);
заменить на
gulp.watch('app/*.html').on('change', browserSync.reload);
Ответ написан
fr_end
@fr_end
Frontend разработчик
А почему вы в таск sass прописали .pipe(browserSync.reload({stream: true})), а в таск jade нет?
Ответ написан
zorro76
@zorro76
Вот ошибка, вы точку с запятой зачем влепили после browser-sync
browserSync = require('browser-sync'); 
jade = require('gulp-jade');


Должно быть так:
var gulp = require('gulp'),
  sass = require('gulp-sass'),
  jade = require('gulp-jade'),
  browserSync = require('browser-sync'),
  reload = browserSync.reload;


gulp.task('sass', function() {
  return gulp.src('app/sass/**/*.sass')
    .pipe(sass())
    .pipe(gulp.dest('app/css'))
    .pipe(reload({
      stream: true
    }));
});

gulp.task('browser-sync', function() {
  browserSync({
    server: {
      baseDir: 'app'
    },
    notify: false
  });
});

gulp.task('jade', function() {
  return gulp.src('app/jade/**/*.jade')
    .pipe(jade())
    .pipe(gulp.dest('app'))
    .pipe(reload({
      stream: true
    }));
});

gulp.task('watch', ['browser-sync', 'sass', 'jade'], function() {
  gulp.watch('app/sass/**/*.sass', ['sass']);
  gulp.watch('app/jade/**/*.jade', ['jade']);
  gulp.watch('app/*.html', browserSync.reload);

});
Ответ написан
Ваш ответ на вопрос

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

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