глотка уведомит две задачи, когда часы вызывается задача завершает

Question

У меня есть gulpfile, в котором задача часы, ниже

gulp.task('watch', function() { 
    gulp.watch('template/slick/assets/less/*.less', ['less']); // Watch all the .less files, then run the less task 
}); 

Это затем вызывает менее компилировать в CSS из этого каталога и перемещает его к/CSS/папка.

У меня тогда есть еще 2 задания, которые уже были написаны с минимальным, concat и переместите эти .css-файлы в папку dist.

Что мне нужно знать, так это то, что когда мои часы вызывают меньше заданий, я могу уведомлять/запускать задачи stylesmin, cssconcats? Мне нужно добавить больше кода для этого. Я не вижу, чтобы найти достойный способ уведомления/завершения стиля.

Вот менее задача, которая вызывается по часам

gulp.task('less', function() { 
    return gulp.src('game/http/template/slick/assets/less/*.less') 
     .pipe(less()) 
     .pipe(gulp.dest('game/http/template/slick/assets/css/')) 
     .pipe(notify({message: 'Less compiled'})); 
}); 

Answer 1

Вы можете определить свои задачи, как зависимости друг от друга с [] синтаксиса, как показано ниже. (Я предполагаю, что вы используете что-то вроде connect для запуска сервера, прежде чем начать просмотр файлов)

gulp.task('less', function() { 
    console.log('less'); 
}) 
gulp.task('stylesmin', ['less'], function() { 
    console.log('stylesmin'); 
}) 
gulp.task('cssconcats', ['stylesmin'], function() { 
    console.log('cssconcats'); 
}) 
gulp.task('test', ['connect', 'watch']); 

Измените часы, чтобы начать последнюю задачу, cssconcats и глоток побежит зависимости первые

gulp.task('watch', function() { 
    gulp.watch('template/slick/assets/less/*.less', ['cssconcats']); // Watch all the .less files, then run the less task 
}); 

Измените любой файл .less, и на выходе показано, что задачи выполнены правильно в этом порядке;

less, stylesmin, cssconcats