Gulp Watch任务仅运行一次问题排查求助

我来帮你排查这个问题！根据你说的「首次运行gulp watch时Less能正常编译，再次触发watch看着在跑但没输出」的现象，结合你给出的代码片段，大概率是这几个常见问题导致的：

1. Less任务没返回流，Gulp没法追踪任务状态 #

你的less任务用了箭头函数，但没有返回gulp.src启动的整个流。Gulp需要知道任务什么时候才算完成，要是不返回流（或者Promise、回调函数），它会误以为任务是同步结束的，后续watch触发时就可能出现任务没真正执行的情况。

修改起来很简单，把流return出去就行，顺便还能简化下路径（**/*.less已经包含了根目录的.less文件）：

gulp.task('less', () => { 
  // 关键：返回这个流
  return gulp.src('./src/less/**/*.less') 
    .pipe(plumber()) 
    .pipe(less()) 
    .pipe(gulp.dest('./dist/css')) 
    .pipe(cssmin()) 
    .pipe(rename({ suffix: '.min' })) 
    .pipe(gulp.dest('./dist/css')); // 补全你没写完的输出路径
});

2. Plumber捕获错误后没重置，导致后续编译阻塞 #

Plumber是用来防止错误中断watch的，但如果某次编译出现了Less语法错误，Plumber捕获错误后可能没恢复流的正常状态，后续watch触发时，流还是处于「卡住」的状态。

给Plumber加个错误处理函数，确保出错后能让任务正常结束：

.pipe(plumber({
  errorHandler: function(err) {
    console.log('Less编译出错：', err.message);
    this.emit('end'); // 手动触发end事件，让流继续走下去
  }
}))

3. Watch任务的配置可能有问题（需要你核对下） #

如果你的watch任务没正确指定监听路径，或者没关联less任务，也会出现这种情况。尤其是Gulp 4.x版本，必须用gulp.series或gulp.parallel来调用任务，不能直接写任务名。正确的watch配置大概是这样：

gulp.task('watch', () => {
  // 监听所有Less文件变化，触发less任务
  gulp.watch('./src/less/**/*.less', gulp.series('less'));
});

建议你先优先检查「是否返回流」这个问题，这是最容易踩的坑，解决后应该就能正常触发编译了。

内容的提问来源于stack exchange，提问作者pistevw