Проблема с Gulp

[DivMan]

Установил gulp, сделал для него задачу, что бы sass компилировал в css, это задача работает. 

Потом сделал задачу Gulp Watch , которая следит за изменениями в sass и автоматически его компилирует, это тоже работает.

Но когда установил плагин Browser Sync, он почему-то не работает.

Я его запускаю, он запускается, но когда я вношу изменения, то страница не обновляется, почему?

Делал по этой статье http://webdesign-master.ru/blog/tools/2016-03-09-gulp-beginners.html

Вот файлы http://dropcanvas.com/d8jnp

 

[npofopr]

И тут смотрели https://browsersync.io/docs/gulp/#gulp-sass-maps ?

Учитесь пользоваться git'ом. На худой конец просто выложите под спойлер свой gulpfile.js

[DivMan]

 

Скрытый текст

var gulp = require('gulp'), // Подключаем Gulp
    sass = require('gulp-sass'); //Подключаем Sass пакет
     browserSync = require('browser-sync'); // Подключаем Browser Sync

gulp.task('sass', function(){ // Создаем таск "sass"
    return gulp.src('app/sass/main.sass') // Берем источник
        .pipe(sass()) // Преобразуем Sass в CSS посредством gulp-sass
        .pipe(gulp.dest('app/css')) // Выгружаем результата в папку app/css
        .pipe(browserSync.reload({stream: true})) // Обновляем CSS на странице при изменении
});




gulp.task('browser-sync', function() { // Создаем таск browser-sync
    browserSync({ // Выполняем browser Sync
        server: { // Определяем параметры сервера
            baseDir: 'app' // Директория для сервера - app
        },
        notify: false // Отключаем уведомления
    });
});

gulp.task('watch', ['browser-sync', 'sass'], function() {
    gulp.watch('app/sass/main.sass', ['sass']); // Наблюдение за sass файлами
    // Наблюдение за другими типами файлов
});

 

 

[jdk]

Что бы не плодить темы.

Хотел установить gulp, но столкнулся с такой бедой

Как это можно побороть?

[klierik]

Попробуй варианты с верстей node.js последней 4.х.х и/или 5.х.х