How to use gulp.spritesmith generated styl file in your project?

Question

css

There is a project with its own styl files.
There is a task for spritesmith to generate a sprite.
Everything is done in this order

gulp.task('build', ['frontend_sprite', 'frontend_img', 'frontend_css', 'union_css', 'frontend_js']);

frontend_sprite generates a sprite and styl file
frontend_img throws images from the repository to the right place
frontend_css generates styl files from the repository + sprite styl file
union_css combines the collected css from styl files + css from the head external libraries loaded via bower
The problem is that the first time you run gulp build is not is collected all together, only when you restart.
As I understand it, the file from the frontend_css task is not visible, but how to do it in 1 run?

Answer 1

stackoverflow.com/a/26390567/3881371
You need to tell the task to wait for another task to complete, like so:

gulp.task('frontend_sprite', function(){
  // тело функции
});

gulp.task('frontend_img', ['frontend_sprite'], function(){ // будет ждать пока выполнится 'frontend_sprite' перед запуском
  // тело функции
});

gulp.task('frontend_css', ['frontend_sprite'], function(){ // будет ждать пока выполнится 'frontend_sprite' перед запуском
  // тело функции
});

gulp.task('frontend_css', ['union_css'], function(){ // будет ждать пока выполнится 'union_css' перед запуском
  // тело функции
});

gulp.task('frontend_js', function(){
  // тело функции
});

gulp.task('build', ['frontend_sprite', 'frontend_img', 'frontend_css', 'union_css', 'frontend_js']);