• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

question-closed Gulp - task sass nie wykonuje się

+1 głos
32 wizyt
pytanie zadane 5 lutego w JavaScript, jQuery, AJAX przez Pogix Nowicjusz (170 p.)
zamknięte 6 lutego przez JSHolic

Witam,

mój problem polega na tym, że gdy próbuję wykonać task polegający na kompilacji Sass wyświetlają mi się błędy o treści: "Local gulp not found in (nazwa katalogu), Try running: npm install gulp". Gulpa zainstalowałem zarówno lokalnie jak i globalnie, tj. z poleceń "npm i -g gulp-cli" oraz "npm i --save-dev gulp".

Kod w gulpfile.js wygląda następująco:

var gulp = require('gulp');
var gulpSass = require('gulp-sass');

sass.compiler = require('node-sass');

gulp.task('sass', function () {
    return gulp.src('./dev-assets/style.scss')
        .pipe(gulpSass().on('error', sass.logError))
        .pipe(gulp.dest('./prod-assets'));
});

gulp.task('sass:watch', function () {
    gulp.watch('./dev-assets/style.scss', gulp.series('sass'));
});

Gulpa mam w wersji 4.0.0. Node-sass i gulp-sass też instalowałem (lokalnie).

Jaka może być przyczyna błędów? Co zrobić, żeby task zadziałał?

komentarz zamknięcia: Problem rozwiązany.
komentarz 5 lutego przez JSHolic Szeryf (77,300 p.)

Czy ten skrypt jest zapisany do pliku gulpfile.js?

komentarz 5 lutego przez Pogix Nowicjusz (170 p.)
Tak, zapisałem go w pliku

1 odpowiedź

0 głosów
odpowiedź 6 lutego przez Pogix Nowicjusz (170 p.)

Problem rozwiązany smiley. Po pierwsze: plik gulpfile.js zapisałem przez pomyłkę w innym katalogu, po drugie: w 4. i 8. linijce zamiast sass powinno być gulpSass, bo tak zadeklarowałem zmienną. Jeszcze na wszelki wypadek przeinstalowałem pakiety, które wymieniłem w pierwszym poście.

Kod po korekcie wygląda tak:

var gulp = require('gulp');
var gulpSass = require('gulp-sass');

gulpSass.compiler = require('node-sass');

gulp.task('sass', function () {
    return gulp.src('./dev-assets/style.scss')
        .pipe(gulpSass().on('error', gulpSass.logError))
        .pipe(gulp.dest('./prod-assets'));
});

gulp.task('sass:watch', function () {
    gulp.watch('./dev-assets/style.scss', gulp.series('sass'));
});

 

Podobne pytania

0 głosów
0 odpowiedzi 65 wizyt
pytanie zadane 4 stycznia 2018 w HTML i CSS przez Sumer Nowicjusz (140 p.)
0 głosów
2 odpowiedzi 81 wizyt
pytanie zadane 9 sierpnia 2018 w JavaScript, jQuery, AJAX przez XDdomino Użytkownik (680 p.)
0 głosów
2 odpowiedzi 133 wizyt
Porady nie od parady
Nie wiesz jak poprawnie zredagować pytanie lub pragniesz poznać którąś z funkcji forum? Odwiedź podstronę Pomoc (FAQ) dostępną w menu pod ikoną apteczki.FAQ

60,252 zapytań

105,938 odpowiedzi

220,099 komentarzy

32,461 pasjonatów

Przeglądających: 314
Pasjonatów: 15 Gości: 299

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...