PROSAGA码农传奇-gulp-将gulp@3.9.1中的gulp watch转换为gulp @ 4

<div class =“post-text”itemprop =“text”>
   <pre>
 <code>
 gulp.task('minify-css', gulp.series('clean-css', function() {
 return gulp.src(src.css)
 .pipe(cssmin())
 .pipe(gulp.dest(dest.css));
}));

gulp.task('minify-js', gulp.series('clean-scripts', function() {
   return gulp.src(src.js)
       .pipe(uglify())
       .pipe(gulp.dest(dest.js));
}));

gulp.task('watch', gulp.series('minify-js', 'minify-css', function() {
  gulp.watch(src.js, gulp.series('minify-js'));
  gulp.watch(src.css, gulp.series('minify-css'));
}));

</code>
 </pre>
  
    正如@Abdaylan建议的那样，我也提倡转换到功能。不过，所以你可以看到你的代码错误的地方，我在这里修复了它。 Gulp 4的确如此
    的
      不
    </强>
     使用此语法：
  
   <pre>
 <code>
 gulp.task('someTask', ['task1', 'task2'], function () {}); // gulp 3

</code>
 </pre>
  
    Gulp 4：
  
   <pre>
 <code>
 gulp.task('someTask', gulp.series('task1', 'task2', function () {})); // gulp 4 with string tasks

</code>
 </pre>
  
    要么
     <code>
 gulp.parallel
 </code>
    。所以你可以使用你的
     <code>
 gulp.task
 </code>
     语法（而不是命名函数），如果你修改它们以使用gulp 4支持的签名，就像我在你的答案顶部的修改代码中所做的那样。
  
  
    Gulp 4具有命名功能：
  
   <pre>
 <code>
 gulp.task(someTask, gulp.series(task1, task2, function () {})); // gulp 4 with named functions

</code>
 </pre>
  
    因此，对于命名函数，任务不称为字符串。
  
  
    也可以看看
    <a href="https://stackoverflow.com/questions/50505275/gulp4-assertionerror-task-never-defined-when-calling-or-importing-tasks/54939126#54939126">
      任务从未定义
    </A>
     使用相同的错误消息从gulp3迁移到gulp4时的其他潜在问题。
  
</DIV>