Очередная проблема с асинхронностью gulp. Как решить?

Question

[Роман Макаров]

Проблему вы можете увидеть на скриншоте

Т.е. run-sequence работает, но т.к. в таске минификации более 1 файла, то конкатенация происходит до того, как выполнится минификация всех файлов.
Зависимости:

var gulp = require('gulp'),
    autoprefixer = require('gulp-autoprefixer'),
    cssnano = require('gulp-cssnano'),
    uglify = require('gulp-uglify'),
    rename = require('gulp-rename'),
    concat = require('gulp-concat'),
    notify = require('gulp-notify'),
    watch = require('gulp-watch'),
    seq = require('run-sequence');

Сами таски:

gulp.task('admin-css-min', function () {
    return gulp.src('assets/css/admin/*')
        .pipe(autoprefixer('last 2 version'))
        .pipe(cssnano())
        .pipe(gulp.dest('assets/dist/css/admin'))
        .pipe(notify('a-css-min : complete'));
});
gulp.task('admin-css', function () {
    return gulp.src('assets/dist/css/admin/*')
        .pipe(concat('admin.min.css'))
        .pipe(gulp.dest('web/dist/css'))
        .pipe(notify('admin-css : complete'));
});
gulp.task('build-a-css', function () {
    return seq(['admin-css-min', 'admin-css']);
});

Так же стоит вопрос оптимизации. Т.е. тут либо кеширование, либо с помощью gulp-watch делать минификацию только тех файлов, которые изменились. Как это реализуется?

Answer 1

[Алексей Струков]

В последнем таске оставить только минификацию. В таске минификации сделать зависимостью таск конкатенации.

Comments

[Роман Макаров]

минификация происходит в первом таске. Если в таске минификации сделаь зависимостью таск конкатенации, то он будет отрабатывать заведомо до конкатенации.
Если сделать в конкатенации зависимостью минификацию, то минификация то получится абсолютно такая же ситуация, как у меня на скрине

[Алексей Струков]

Роман Макаров: вам надо чтобы сначал происходила конкатенация а потом минификация?

[Роман Макаров]

Алексей Струков: нет конечно

[Алексей Струков]

Роман Макаров: наоборот?

[Роман Макаров]

Алексей Струков: Как происходит сейчас: Минификация 1 файла, конкатенация, минификация остальных файлов.
Как хочу: минификация Всех файлов, конкатенация.
Т.е. очередь выполняется частично только

[Алексей Струков]

Роман Макаров: значит сделать как в первом моем сообщении только местами поменять минификацию с конкатенацией. Сейчас напишу код

[Алексей Струков]

gulp.task('admin-css-min', function () {
return gulp.src('assets/css/admin/*')
.pipe(autoprefixer('last 2 version'))
.pipe(cssnano())
.pipe(gulp.dest('assets/dist/css/admin/'))
.pipe(notify('a-css-min : complete'));
});
gulp.task('admin-css', ['admin-css-min'], function () {
return gulp.src('assets/dist/css/admin/*')
.pipe(concat('admin.min.css'))
.pipe(gulp.dest('web/dist/css/'))
.pipe(notify('admin-css : complete'));
});

[Алексей Струков]

я еще подправил немного пути к папкам (у вас был пропущен слэш в конце)
теперь надо запускать только gulp admin-css чтоб все работало.

[Роман Макаров]

Алексей Струков: странно, я был уверен что пробовал сделать так. хм. Спасибо.