Gulp 4最大的变化就是不能像Gulp3一样传递一个依赖任务列表。
Gulp3,如果有一个任务A,B和C的列表,你想在一个序列中运行(确保A在B开始之前完成,而B在C开始之前完成),代码如下:
`gulp.task(``'a'``, ``function` `() {`` ``// Do something.``});`
`gulp.task(``'b'``, [``'a'``], ``function` `() {`` ``// Do some stuff.``});`
`gulp.task(``'c'``, [``'b'``], ``function` `() {`` ``// Do some more stuff.``});`
如果在Gulp4中用Gulp3的方式指定依赖任务会爆一下错误。
在Gulp4中需要使用gulp.series和gulp.parallel,因为gulp任务现在只有两个参数。
gulp.series:按照顺序执行
gulp.paralle:可以并行计算
如下所示:
gulp.task(``'my-tasks'``, gulp.series(``'a'``, ``'b'``, ``'c'``, ``function``() {`` ``// Do something after a, b, and c are finished.``}));
gulp.task(``'build'``, gulp.parallel(``'styles'``, ``'scripts'``, ``'images'``, ``function` `() {`` ``// Build the website.``}));
或者这样
gulp.task(``'my-tasks'``, gulp.series(``'a'``, gulp.parallel(``'styles'``,``'scripts'``, ``'images'``), ``'b'``, ``'c'``, ``function``() {`` ``// Do something after a, b, and c are finished.``}));
所以改成以下写法,就可以了