全局监视多个文件，处理一个

Question

我用Gulp 4 with gulp-sass。我尝试做的是以下内容。

我这里提供的代码只是整个代码的一部分，为了展示重要的部分。
watch 应该喜欢它，观看所有 .scss 个文件。
在style()中，只处理当前文件。
如果我保存 custom/components/header/header.scss，那么应该只处理 custom/components/header/header.scss，而不是所有文件。
保存的文件的文件名应该类似于 assets/css/dist/header/header.css
在这种情况下，src 和 dest 都是未知的，因为我没有一个文件可以抓取。
我现在看到我还需要从 dest 中删除 custom/components，但重要的是我可以获得当前文件以开始使用它。

gulp.watch('custom/components/**/*.scss', style);

function style() {
  return gulp
    .src()
    .pipe(sass())
    .on('error', sass.logError)
    .pipe(gulp.dest('assets/css/dist'));
}

Answer 1

我刚刚弄明白了。这样做是可以的。

let watcher = gulp.watch(css.watch);

watcher.on('change', function(path) {
  console.log(path);
  style();
}

Glob watch multiple files, process one