代码之家  ›  专栏  ›  技术社区  ›  Jens Törnell

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

  •  0
  • Jens Törnell  · 技术社区  · 5 年前

    Gulp 4 gulp-sass . 我试着做以下几点。

    • 我在这里提供的代码只是整个代码的一个片段,用于显示重要的部分。
    • 这个 watch .scss 文件夹。
    • style() ,只处理当前文件。
    • 如果我保存 custom/components/header/header.scss ,则仅 应该处理,而不是所有文件。
    • 保存的文件应该有一个类似的文件名 assets/css/dist/header/header.css
    • 两者 src 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'));
    }
    
    0 回复  |  直到 5 年前
        1
  •  0
  •   Jens Törnell    5 年前

    我只是想办法。这样做是可能的。

    let watcher = gulp.watch(css.watch);
    
    watcher.on('change', function(path) {
      console.log(path);
      style();
    }