Gulp + Saas

Mieliście tak kiedyś, że konsola nie wyrzuca żadnych błędów a Saas sie nie kompiluje do css? Inne taski typu uglify czy lint działają bez zarzutu. Wszystko wygląda ok więc o co kaman?

gulp.task('sass', function() {
    return gulp.src('scss/*.scss')
        .pipe(sass())
        .pipe(gulp.dest('css'));
});

Użytkownik przemoo83 edytował ten post 24 lutego 2016 - 11:07

Wrzuć projekt na github lub coś innego. Cieżko zgadnąć jak nie widać reszty. Może pliki Sass masz z rozszerzeniem .sass? Zobacz czy zmiana ścieżki na np. "gulp.src('./sass/**/*.scss')" i "./css" coś naprawi.

Ścieżki dobrze są podane?

I dlaczego robi Ci dwa taski jak masz tylko jeden "sass" ?

Sprawdzałem to wszystko co piszecie ale nic nie zadziałało. Ścieżki są ok rozszerzenia też. A czemu 2 taski to...hmm dobre pytanie Muszę wrócić do tego projektu bo na razie go zakopałem.

Jest cos takiego jak:

.on('error', function() {})

Gdzie mógłbys dać:

.pipe(sass().on('error', sass.logError))
​.pipe(gulp.dest('css'));

Możesz też sobie jakiś util doinstalować np. gulp-utils, który też może logować errory.

Nie jestem pewny czy console.log tutaj zadziała ^^ bo jeśli tak to możesz podesłać callback'a prostego:

.on('error', function(error) {
  console.log(error.message);
}) 

To tak w temacie braku błędów.

Jeśli chodzi o ścieżki, to może spróbuj na sztywno dać po prostu sama nazwe pliku ? np:

gulp.task('sass', function() {
  return gulp.src('./main.scss')
   .pipe(sass())
   .pipe(gulp.dest('./'));
});

lub cos podobnego.

Pozdro!

Dzięki za garść przydatnych pomysłów. Przetestuję na pewno