問題出在gulp版本上,以下是gulp3 VS gulp4的區別:
gulp4最大的變化是不能像以前那樣傳遞一個依賴的任務列表。
gulp3中,如果有一個任務A、B和C的列表,你想在一個序列中運行(確保A在B開始之前完成,而B在C開始之前完成),代碼如下:
gulp.task('a',() => {
// Do something
});
gulp.task('b',['a'],() => {
// Do something
});
gulp.task('c',['b'],() => {
// Do something
});
在gulp4中,不能再這樣做了。會得到以下錯誤:
$ gulp c
assert.js:350
throw err;
^
AssertionError [ERR_ASSERTION]: Task function must be specified
at Gulp.set [as _setTask] (C:\Users\zxq\Desktop\gulpCourse\node_modules\_undertaker@1.2.0@undertaker\lib\set-task.js:10:3)
at Gulp.task (C:\Users\zxq\Desktop\gulpCourse\node_modules\_undertaker@1.2.0@undertaker\lib\task.js:13:8)
at Object.<anonymous> (C:\Users\zxq\Desktop\gulpCourse\gulpfile.js:17:6)
at Module._compile (internal/modules/cjs/loader.js:688:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:699:10)
at Module.load (internal/modules/cjs/loader.js:598:32)
at tryModuleLoad (internal/modules/cjs/loader.js:537:12)
at Function.Module._load (internal/modules/cjs/loader.js:529:3)
at Module.require (internal/modules/cjs/loader.js:636:17)
at require (internal/modules/cjs/helpers.js:20:18)
不要再用gulp 3的方式指定依賴任務,你需要使用gulp.series和gulp.parallel,因為gulp任務現在只有兩個參數。
gulp.series:按照順序執行 gulp.parallel:可以並行計算
gulp.task('my-task',gulp.series('a','b','c',() => {
// Do something after a,b, and c are finished.
}));
gulp.task('build',gulp.parallel('style','script','images',() => {
// build the website.
}));
或者這樣
gulp.task('my-task',gulp.series('a',gulp.parallel('style','script','image'),'b','c',() => {
// Do something after a, b, and c are finished.
}));
相關任務必須在被調用之前發生。
