Glob 监视多个文件，处理一个

Question

我使用Gulp 4 和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();
}