Glob观看多个文件，处理一个

Posted 2023-02-23

我使用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'));

答案

我只是搞清楚了。有可能这样做。

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

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