gulp4.0から新しくseriesとparallelが導入され、タスクの処理の順番を制御できるようになりました。

seriesは直列に処理を実行する同期処理です。seriesはタスクを1つずつ順番に処理していくので、順番が決まっている時に使用します。以下はBrowser Syncを実行して処理完了後にWatch Filesを実行しています。

gulp.series(browsersync, watchFiles);

parallelは並列に処理を実行する非同期処理です。parallelはタスクを同時に処理していきます。そのためタスク全体の処理速度が向上できます。以下はscripts、styles、imagesを同時に実行しています。

gulp.parallel(scripts, styles, images);

seriesとparallelを組み合わせた処理も可能です。以下はgulpfile.jsのdefaultのタスク例です。scripts、styles、imagesを同時に実行し、全ての処理完了後にBrowser Syncを実行、処理完了後にWatch Filesを実行しています。

//gulpfile.js
gulp.task('default', gulp.series(gulp.parallel(scripts, styles, images), gulp.series(browsersync, watchFiles)));