问题出在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. }));
相关任务必须在被调用之前发生。