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

因此改爲如下寫法，就能夠了