tanyafox2
@tanyafox2
ML и data science

Ошибка Gulp. Компилирую sass в css. В чем ошибка?

const gulp = require('gulp'),
    sass = require('gulp-sass'),
    cssmin = require('gulp-cssmin'),
    rename = require('gulp-rename'),
    plumber = require('gulp-plumber'),
    watch = require('gulp-watch');

gulp.task('sass', function () {
//указываем за какой папкой следить
  return gulp.src('./sass/**/*.sass')
    .pipe(plumber())
        //указываем куда сохранять CSS
    .pipe(gulp.dest('./css'));
});

gulp.task('cssmin', function () {
//указываем где лежит CSS
  gulp.src('./css/*.css')
    .pipe(plumber())
    .pipe(cssmin())
    .pipe(rename({suffix: '.min'}))
    .pipe(gulp.dest('dist'));
});

gulp.task('watch', function(){
  gulp.watch('./sass/**/*.sass', ['sass']);
  gulp.watch('./css/**/*.css', ['cssmin']);
});

gulp.task('default', ['watch']);


5d3c2bcbc6f62278191936.jpeg
  • Вопрос задан
  • 123 просмотра
Решения вопроса 1
BenderIsGreat34
@BenderIsGreat34
junior front-end
мне кажется проблема в функции watch. смотря какая версия галпа у тебя.
у меня функция watch пишется вот так
gulp.task('watch', function() {
  gulp.watch('src/sass/*.scss', gulp.series('sass'));
});
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
uashkki
@uashkki
Frontend Developer
Скорее всего дело с версией, вот тут, кажется, разбирали данную проблему:
Не работает Gulp, выдает ошибку?

Попробуйте так:
const gulp = require('gulp'),
    sass = require('gulp-sass'),
    cssmin = require('gulp-cssmin'),
    rename = require('gulp-rename'),
    plumber = require('gulp-plumber'),
    watch = require('gulp-watch');

gulp.task('sass', function(done) {
    gulp.src("./sass/**/*.sass")
        .pipe(plumber())
        .pipe(sass())
        .pipe(gulp.dest("./css"))
        .pipe(browserSync.stream());


    done();
});

gulp.task('cssmin', function () {
//указываем где лежит CSS
  gulp.src('./css/*.css')
    .pipe(plumber())
    .pipe(cssmin())
    .pipe(rename({suffix: '.min'}))
    .pipe(gulp.dest('dist'));
});

gulp.task('watch', function(){
  gulp.watch('./sass/**/*.sass', gulp.series('sass'));
  gulp.watch('./css/**/*.css', gulp.series('cssmin'));
});

gulp.task('default', gulp.series('sass', 'cssmin', 'watch'));
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы