gup3 VS gulp4 区别

249 阅读1分钟

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

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