Почему таск отрабатывает не полностью?

Question

[Senseich]

Всем привет! Помогите разобраться почему таск отрабатывает не полностью. Есть директория dist окончательная. Создал таск clean который удаляет директорию dist , потом создал таск который собирает dist, но предварительно должен выполнять clean. Но при запуске директория dist удаляется, а проект обратно не собирается.
В консоли следующее:

[01:30:58] Using gulpfile ~\Desktop\box\gulpfile.js
[01:30:58] Starting 'dist'...
[01:30:58] Starting 'clean'...
[01:30:58] Finished 'clean' after 52 ms
[01:30:58] Finished 'dist' after 73 ms

Вот сами таски:

gulp.task('clean', function() {
    return gulp.src('dist', { read: false })
        .pipe(clean());
});

gulp.task('dist', gulp.series('clean'), function() {
    return gulp.src('app/*.html')
        .pipe(useref())
        .pipe(gulpif('*.js', uglify()))
        .pipe(gulpif('*.css', cleanCSS()))
        .pipe(gulp.dest('dist'));
});

Делал всё по видео, там всё отлично работает, правда на Gulp 3 ... Но я поменял как в документации, такую конструкцию ['clean'] на такую gulp.series('clean'). Без неё обе команды работают как надо ... так же пробовал gulp.parallel('clean'), такой же результат.
Что не так делаю, подскажите.

Answer 1

[Stockholm Syndrome]

а так?

function dist() {
    return gulp.src('app/*.html')
        .pipe(useref())
        .pipe(gulpif('*.js', uglify()))
        .pipe(gulpif('*.css', cleanCSS()))
        .pipe(gulp.dest('dist'));
}

gulp.task('dist', gulp.series('clean', dist));

Comments

[Senseich]

Stockholm Syndrome, Да, так работает и вот тоже попробовал работает gulp.task('dister', gulp.series('clean', 'dist')); ... Дак, это что получается, нельзя как в раньше в таске предварительные задачи прописывать? Только так?

[Stockholm Syndrome]

Senseich, возможно это связано с тем, что синтаксис gulp.task('taskname', /* ... */) устарел и в gulp 4 нужно использовать экспорт тасков, вот так:

function clean() {
  // ...
}

function dist() {
  // ...
}

exports.dister = gulp.series(clean, dist);

[Senseich]

Stockholm Syndrome, а вы как считаете, это удобно? по моему только лишняя писанина

[Stockholm Syndrome]

Senseich, не столько удобнее, сколько правильнее — одному таску соответствует либо одна функция, либо таски, выполняющиеся последовательно/параллельно, а не всё вместе

да и писать вроде даже меньше, чем раньше

[Senseich]

Stockholm Syndrome, извиняюсь, что вернулся к старому вопросу, но меня только осинило, что я первоначально правильно делал, просто надо было по аналогии правильно поставить скобки, ведь в gulp.series (.., ..) перечисляются задачи, а функция после 'clean' это ведь тоже задача, следовательно, её просто надо было заключить в эти скобки. Всё гениально просто, как говориться )

gulp.task('dist', gulp.series('clean', function() {
    return gulp.src('app/*.html')
        .pipe(useref())
        .pipe(gulpif('*.js', uglify()))
        .pipe(gulpif('*.css', cleanCSS()))
        .pipe(gulp.dest('dist'));
}));