关于gulp 4.0.2版本 watch的使用

最新推荐文章于 2022-12-03 22:05:00 发布

原创最新推荐文章于 2022-12-03 22:05:00 发布 · 1.2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#gulp

Django网站项目同时被 2 个专栏收录

10 篇文章

订阅专栏

gulp

2 篇文章

订阅专栏

本文介绍在Gulp4.0.2版本中，如何正确地设置监听任务。由于旧版的写法不再适用，文章详细解释了错误信息，并提供了更新后的代码示例，展示了如何使用gulp.series或gulp.parallel来定义任务队列。

gulp.watch以前是可以写成：

gulp.task("watch", function(done){
    // 监听所有的css文件，然后执行css这个任务
    gulp.watch("./css/*.css", ['css'])
    done()
});

但是在gulp 4.0.2版本中，这样写会报错：

Error: watching ./css/*.css: watch task has to be a function (optionally generated by using gulp.parallel or gulp.series)

这个报错提示：watch后面只能是gulp.parallel 或者gulp.series，所以代码修改如下：

var gulp = require("gulp")；

// 定义任务队列，使用gulp.parallel or gulp.series
let taskSeries = gulp.series("css");

// 定义一个监听的任务
gulp.task("watch", function(done){
    // 监听所有的css文件，然后执行css这个任务
    gulp.watch("./css/*.css", taskSeries)
    done()
});