gulp - 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'));
}

score 0 · Accepted Answer

我只是想通了。可以这样做。

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

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

1 回答 1