How to pass callback to gulp task?

Question

Node.js

The point is. There is a gulp task jade, to which the path of the location of the view files is passed, and then the task will convert each file to html. The problem is that for each file it does a livereload reload and for each file it does a notification.

gulp.task 'jade', ->
  gulp.src paths.views
    .pipe plumber errorHandler: notify.onError "Error: <%= error.message %>"
    .pipe jade
      pretty: true
    .pipe gulp.dest paths.app
    .pipe connect.reload()
    .pipe notify
      message: "jade task complete"
      open: "http://localhost:#{config.port}"

It all looks like this:

upd.
So far I've managed with this solution:

gulp.task 'jade', ['jade-compile'], ->
  gulp
    .src paths.app
    .pipe connect.reload()
    .pipe notify
      message: "jade task complete"
      open: "http://localhost:#{config.port}"

# Сам процесс сборки
gulp.task 'jade-compile', ->
  gulp.src paths.jade.views
    .pipe plumber errorHandler: notify.onError "Error: <%= error.message %>"
    .pipe jade
      pretty: true
    .pipe gulp.dest paths.app

Not the most elegant, but working.

Answer 1

See frontender.info/handling-sync-tasks-with-gulp-js

Answer 2

Your option is not the worst, you just need to use return

return gulp.src('path')
   .pipe().....

When you want to organize the sequential execution of tasks, this is necessary, otherwise all tasks will start at the same time.
As an option, distribute the files into blocks and compile only the output page where these blocks are assembled. But if there are several pages, then there will also be several messages.
as an example file structure:

jade
├ common/
    ├ header.jade
    └ footer.jade
├ layouts/
     └ layout.jade
├ index.jade
├ page2.jade
└ page3.jade

then path = "jade/*.jade" without subfolders