Почему gulp автоматически не обновляет css?

Question

[Виктор]

Использую browser-sync - для автоматического обновления браузера. Html обновляется, как нужно а css нет, что не так сделал и так же проблема с плагином autoprefixer.

'use strict';

var gulp = require('gulp'),
 	browserSync = require('browser-sync').create(),
 	sass = require('gulp-sass'),
 	rename = require("gulp-rename"),
 	watch = require('gulp-watch'),
 	notify = require("gulp-notify"),
 	autoprefixer = require('gulp-autoprefixer'),
 	minifyCss = require('gulp-minify-css');
 
gulp.task('sass', function() {
  gulp.src('*.sass') 
  	.pipe(sass()) 
    .pipe(gulp.dest(''))   	
    .pipe(minifyCss(''))
    .pipe(rename("bundle.min.css"))
    .pipe(autoprefixer({browsers: ['last 5 versions'], cascade: false}))
    .pipe(browserSync.stream())
    .pipe(notify("Gulp Done!"));
});


gulp.task('html', function() {
	gulp.src('*.html')
});


gulp.task('browser-sync', function() {
    browserSync.init({
        server: {
            baseDir: ""
        }
    });
});

gulp.task('watch', function () {
    watch('*.sass', ['sass']);
    watch('*.css', ['css']).on('change', browserSync.reload);
    watch('*.html', ['html']).on('change', browserSync.reload);    
});

gulp.task('default', ['watch', 'html', 'sass' ,'browser-sync']);

Comments

[Evgeniy]

Какой файл не обновляется? В какой папке он лежит?

[Evgeniy]

В какой папке лежат Html'ки? Прошу абсолютные пути.

[Виктор]

Евгений Захаров: все лежит в основной папке файлы не распределенны по другим папкам

[Виктор]

Евгений Захаров: не обновляеться файл с расширение css

Answer 1

[timfcsm]

watch надо вешать на sass файлы... ты же их редактируешь, css у тебя так и остается неизменным)

Comments

[Виктор]

переменил на sass , но всеравно не работает, можете перепроверить код замененный

[timfcsm]

kani339: как директории располагаются? '*.sass' вот это ищет файлы только в той папке где лежит гулпфайл. './**/*.sass' так будет и скать по всем вложенным папкам. но лучше ещё точнее путь указать, типа того './src/styles/**/*.sass'

[Виктор]

timfcsm: все в корневой папке пока что находиться

[timfcsm]

а таск sass запускается?

[Виктор]

timfcsm: да все без ошибок работает

[timfcsm]

kani339: блин, толи я чёто туплю уже, толи хз...
попробуйте так... пусть на изменение sass запускается таск 'sass', а на изменение css уже будет релоад

gulp.watch(['*.sass'], ['sass']);
  gulp.watch(['*.css']).on('change', browserSync.reload);

[Виктор]

timfcsm: css теперь обновляеться, но если пишу в сасс файле то ничего не меняется, я обноаил скрипт можете пожалуйста взглянуть может что-то упустил

[timfcsm]

gulp.task('sass', function() {
  gulp.src('*.sass')
      .pipe(sass())
      .pipe(minifyCss(''))
      .pipe(rename("style.css"))
      .pipe(autoprefixer({browsers: ['last 5 versions'], cascade: false}))
      .pipe(gulp.dest('./'))
      .pipe(browserSync.stream())
      .pipe(notify("Gulp Done!"));
});


gulp.task('html', function() {
  gulp.src('*.html')
});


gulp.task('browser-sync', function() {
  browserSync.init({
    server: {
      baseDir: ""
    }
  });
  gulp.start('watch');
});

gulp.task('watch', function () {
  gulp.watch('./*.sass', ['sass']);
  gulp.watch('./*.html', ['html']).on('change', browserSync.reload);
});

gulp.task('default', ['html', 'sass' ,'browser-sync']);