Почему не работает watch в gulp?

Question

[Виталик]

Всем привет, настраиваю gulp, подскажите пожалуйста где ошибка.?

const {src, dest} = require("gulp");

const scss = require('gulp-sass') (require ('sass'));
const concat = require('gulp-concat');
const watch = require('gulp-watch');

function styles() {
return src('./src/scss/style.scss')
.pipe(scss({outputStyle: 'compressed'}))
.pipe(concat('style.min.css'))
.pipe(dest('./dist/css'))
}

function watching() {
watch(['./src/scss/**/*.scss'], styles)
}

exports.styles = styles;
exports.watching = watching;

При запуске (gulp watching) в консоле появляется надпись что он следит но изменения из файла scss в файл min.css не переносит. Когда пишу (gulp styles) то всё переносится но соответственно остлеживания ни какого нет.

Comments

[Сергей delphinpro]

Ошибка, блин, в том, что ТЫ ВОПРОС НЕ ОФОРМИЛ КАК СЛЕДУЕТ!!!!
Какого хрена мы будем разбирать твой неформатированный код?

Answer 1

[Kirito Kirigaya]

Я заметил, что у вас не хватает тут кусочка.
Думаю, что примерно так.

const { src, dest, series, watch } = require('gulp');
const scss = require('gulp-sass') (require ('sass'));
const concat = require('gulp-concat');
const build = ('build/'); // Папка готовой сборки.

function styles() {
return src('./src/scss/style.scss')
.pipe(scss({outputStyle: 'compressed'}))
.pipe(concat('style.min.css'))
.pipe(dest('./dist/css'))
}

function clear() { // Чистит папку билд.
    return del(build)
}

function stream() {
    watch(['./src/scss/**/*.scss'], series(styles))
}

exports.build = series(clear, styles, stream) // Запускаем по очереди задачи.