使用gulp遇到的问题

gup3 VS gulp4 区别

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.
}));

所以改成以下写法，就可以了