Почему gulp не хочет выполнять задачи синхронно?

Question

[nepster-web]

Делаю для себя сборку frontend приложения для удобства. В общем все работает за исключением детали, что никак не получается запустить задачи строго одна за одной.

Я разделил сборку на окружения и prod окружение некоторые файлы берет из dev окружения, и я хочу сделать общую задачу, чтобы все это дело собиралось. Поэтому необходимо dev запустить строго перед prod.

Использовал несколько способов, все не работают.

Вот пример реализации:
https://github.com/nepster-web/frontend-box/blob/m...

Подскажите пожалуйста в чем может быть проблема.
П.С. по отдельности все работает.

Answer 1

[Слава]

так

gulp.task('first', function() {
    return gulp.src('')
                    .....
                    .dest('/');
});

gulp.task('second', ['first'] function() {
    return gulp.src('')
                    .....
                    .dest('/');
});

или так

gulp.task('first', function() {
    return gulp.src('')
                    .....
                    .dest('/');
});

gulp.task('second', function() {
    return gulp.src('')
                    .....
                    .dest('/');
});

gulp.task('defaul', ['first', 'second']);

Comments

[nepster-web]

не идет:

gulp.task('styles-dev:build', function () {
gulp.src(params.src.style)
.pipe(less())
.pipe(autoprefixer({
browsers: ['last 55 versions'],
cascade: false
}))
.pipe(rename("styles.css"))
.pipe(gulp.dest(params.build.dev.css));
});

gulp.task('styles-prod:build', ['styles-dev:build'], function () {
return function() {
for (var p in params.build.prod.joinCss) {
for (var _p in params.build.prod.joinCss[p]) {
gulp.src(p)
.pipe(minifyCSS())
.pipe(concat(params.build.prod.joinCss[p][_p]))
.pipe(gulp.dest(_p));
}
}

}();
});

[nepster-web]

4 или 5 способов перепробовал, не идет.

[Слава]

во-1, вы невнимательны. Если вы заметили - у меня в примере каждый таск что-то возвращает. А именно промис. У вас в одном случае не возвращается ничего, поэтому ни о какой очереди речь не идет.
Во втором случае у вас вообще ахинея, уж простите, какая-то. Зачем вы вручную соединяете файлы и еще и циклом по ним идете?

Я могу и дальше писать возможно сложные, а может и очевидные, но почему-то не используемые вами вещи, поэтому я бы на вашем месте просто взял мой пример выше, который 100% работает - и просто потихоньку усложнял его. Как только что-то завалилось на каком-то шаге - гуглить. И так пока сборщик не станет такой, как вам нужно.

Удачи.

[nepster-web]

Слава: Я понял, вы не смотрели ссылку. В общем цикл там нужен, для управления через конфиги, вот за подсказку с возвратом спасибо.

gulp.task('styles-dev:build', function () {
return gulp.src(params.src.style)
.pipe(less())
.pipe(autoprefixer({
browsers: ['last 55 versions'],
cascade: false
}))
.pipe(rename("styles.css"))
.pipe(gulp.dest(params.build.dev.css));
});

gulp.task('styles-prod:build', ['styles-dev:build'], function () {
return function() {
for (var p in params.build.prod.joinCss) {
for (var _p in params.build.prod.joinCss[p]) {
gulp.src(p)
.pipe(minifyCSS())
.pipe(concat(params.build.prod.joinCss[p][_p]))
.pipe(gulp.dest(_p));
}
}
}();
});