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 в этом случае неизвестны, потому что у меня нет ни одного файла для захвата.
• Теперь я вижу, что мне также нужно удалить custom/components из dest, но важно то, что я могу заставить текущий файл начать работать с этим.

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();
}