Gulp - task sass nie wykonuje się

Question

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ł?

Comments

Czy ten skrypt jest zapisany do pliku gulpfile.js?

---

Tak, zapisałem go w pliku

Answer 1

Problem rozwiązany . 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'));
});