В чем косяк обработки тасков?

Question

[Andrej Sharapov]

Всем привет!

У меня очередной вопрос по настройке тасков... Такое дело, не пойму в чем проблема.

Предисловие:
1. Работаю в Вижле, с использованием Live Server и Live Sass Compiler
2. настроил галпфайл, подключил таски для PUG, SASS, JS:

spoiler

gulp.task('pug', function buildHTML() {
    return gulp.src('build/pug/pages/*.pug')
        .pipe(pug({pretty: true}))
        .pipe(gulp.dest('.'))
});

gulp.task('sass', () => {
    return gulp.src(['global.css', 'aside.css'].map(file => `build/css/${file}`))
        .pipe(sourcemaps.init())
        .pipe(concat('style.css'))
        .pipe(mmq({log: true}))
        .pipe(cleanCSS()) //- minify css
        .pipe(rename({suffix: ".min"}))
        .pipe(sourcemaps.write('.'))
        .pipe(gulp.dest('css'))
});

gulp.task('scripts', () => {
    return gulp.src('build/js/*.js')
        .pipe(sourcemaps.init())
        .pipe(babel({presets: ['@babel/preset-env']}))
        .pipe(concat('scripts.js'))
        .pipe(uglify()) //- minify js
        .pipe(rename({suffix: ".min"}))
        .pipe(sourcemaps.write('.'))
        .pipe(gulp.dest('js'))
});

Работают нормально. Затем, подключил отслеживание:

gulp.task('component-assembly', function () {
    gulp.watch('build/pug/pages/*.pug'), gulp.series('pug');
    gulp.watch('build/css/*.css'), gulp.series('sass');
    gulp.watch('build/js/*.js',  gulp.series('scripts'));
});

gulp.task('watch', gulp.parallel('pug', 'sass', 'scripts', 'component-assembly'));

Тут начинаются проблемы:

Запускаю в терминале gulp watch - таск работает, но не обрабатывает как надо. Вернее он запускается и даже срабатывает "первая фаза", но при последующих изменениях в файлах ничего не происходит. Т.е. таск будто зависает, хотя в терминале отслеживание как бы продолжается.

> watch: Finished 'pug' after 934 ms
> watch: Finished 'scripts' after 1.08 s
> watch: Finished 'sass' after 1.12 s

После новых изменений приходится:
1. отрубать терминал и запускать снова
2. в VSCode через плагин Gulp Tasks жать Рестарт

Подскажите, в чем проблема? Может таски не правильно настроил, может просто вижла тормозит или еще что?

Answer 1

[Владимир Скибин]

gulp.serial(
  gulp.parallel('pug', 'sass', 'scripts'), 
  'component-assembly'
)

Comments

[Andrej Sharapov]

не совсем понял финальную структуру.
а как запустить обработку?

[Владимир Скибин]

Andrej Sharapov, у Вас в watch не все в параллель, а последовательно - сначала все собрать, а потом следить. В Вашем коде это все в параллели, что может вызывать коллизии

[Andrej Sharapov]

TypeError: gulp.serial is not a function

Подскажите, пожалуйста, как должно выглядеть отслеживание? -__- Кажется, я не так делаю.

[Владимир Скибин]

Andrej Sharapov, прошу прощения gulp.series вместо указанной выше

[Andrej Sharapov]

Настроил:

gulp.task('component-assembly', function () {
    gulp.watch('build/pug/pages/*.pug'), gulp.series('pug');
    gulp.watch('build/css/*.css'), gulp.series('sass');
    gulp.watch('build/js/*.js',  gulp.series('scripts'));
});

// gulp.task('watch', gulp.parallel('pug', 'sass', 'scripts', 'component-assembly'));

gulp.task('watch', gulp.series(gulp.parallel('pug', 'sass', 'scripts'), 'component-assembly'));

Добавилось исполнение component-assembly

> watch: Finished 'pug' after 847 ms
> watch: Finished 'scripts' after 942 ms
> watch: Finished 'sass' after 983 ms
> watch: Starting 'component-assembly'...

Но, результат тот же. При изменении стилей меняется только при первом запуске. Далее просто обновляется сервер, но без изменений.

[Владимир Скибин]

Andrej Sharapov, Вы меняете именно 'global.css', 'aside.css' ?

[Andrej Sharapov]

Владимир Скибин, я меняю SСSS, который автоматически компилируется через расширение вижлы Live Sass Compiler.
Дело не в стилях. Даже меняя PUG шаблон, ничего не происходит на второй попытке

[Владимир Скибин]

Andrej Sharapov, невнимательность - наше все!

gulp.watch('build/pug/pages/*.pug'), gulp.series('pug');

а должно быть

gulp.watch('build/pug/pages/*.pug', gulp.series('pug'));

[Andrej Sharapov]

Владимир Скибин, да, это та еще зараза))

Спасибо за помощь, помогло)