Gulp 'task finished' is never printed out w/ less compilation about gulp-watch HOT 5 CLOSED

Hey. As readme says in top: Watch, that actually is an endless stream, so you should never get Task finished with endless watch routine, but you can use similar syntax as gulp.watch has - passing array of tasks to gulp-watch.

I'm not good at coffeescript, but here some code for you:

First - you can just pipe watch to a less:

gulp.task 'less-styles', () ->
  watch(glob: [
      'src/styles/*.less',
      'src/styles/font-awesome/font-awesome.less'
    ])
    .pipe less(
        paths: [pathModule.join(__dirname, 'less', 'includes')]
      )
    .on 'error', notify.onError
        message: 'Error: <%= error.message %>',
        title: 'Error in styles'
      .on 'finish', () ->
        console.log "FOO!"
      .pipe gulp.dest './ui/styles'
  )

Second - you can use gulp-debug to see, which file was recompiled by less (if by any reason less is not printing files) or changed:

gulp.task 'less-styles', () ->
  watch(glob: [
      'src/styles/*.less',
      'src/styles/font-awesome/font-awesome.less'
    ])
    .pipe less(
        paths: [pathModule.join(__dirname, 'less', 'includes')]
      )
    .on 'error', notify.onError
        message: 'Error: <%= error.message %>',
        title: 'Error in styles'
    .pipe(debug())
    .pipe gulp.dest './ui/styles'
  )

If you really need exactly Task finished message, then move out less to a gulp task:

gulp.task 'watch-less-styles', () ->
    watch(glob: [
      'src/styles/*.less',
      'src/styles/font-awesome/font-awesome.less'
    ], ['less-styles'])

gulp.task 'less-styles', () ->
  gulp.src 'src/styles/**/*.less'
    .pipe less(
        paths: [pathModule.join(__dirname, 'less', 'includes')]
      )
    .on 'error', notify.onError
        message: 'Error: <%= error.message %>',
        title: 'Error in styles'
    .pipe gulp.dest './ui/styles'
  )

from gulp-watch.

Thanks for your help! I ended up doing it like this:

gulp.task 'less-styles', () ->
  watch(glob: [
      'src/styles/*.less',
      'src/styles/font-awesome/font-awesome.less'
    ])
    .pipe print()
    .pipe less(
      paths: [pathModule.join(__dirname, 'less', 'includes')]
    ).on 'error', notify.onError
      message: 'Error: <%= error.message %>',
      title: 'Error in styles'
    .pipe gulp.dest './ui/styles'

...which works well for me. Again, thank you! 😄

from gulp-watch.

I cant use this plugin with run-sequence plugin because it never fires finish. Maybe you would add some options to turn off this endless stream? Because sometimes you want to run your tasks in a sequence but its hard with non controlled endless stream

from gulp-watch.

@pleerock how you imagine watch functionality to not be an 'endless'? Watch for some time?

In fact, you can. Because watch task should be without cb:

gulp.task('watch', function () { 
    watch(src, function () { });
})

In this case, gulp will not wait for this task to end.

from gulp-watch.

Do a watch as a secondary function. Use less to compile (do the task and finish it), and less-watch to watch and compile

from gulp-watch.