css - 複数のファイルをGulp-Watchする方法は？

Question

私はこのようなものを持っています:

gulp.task('default', ['css', 'browser-sync'] , function() {

    gulp.watch(['sass/**/*.scss', 'layouts/*.css'], function() {
        gulp.run('css');
    });

});

しかし、sass と layouts ディレクトリの 2 つのディレクトリで変更を監視しているため、機能しません。

gulp がこれらのディレクトリ内で発生することをすべて監視できるようにするにはどうすればよいですか?

Answer 1

gulp 4 の時点で、次の 2 つの可能性があります。

const { watch, series, parallel } = require('gulp');

function watchTask(cb) {
  // this will execute all task on any changes
  watch(['src/**/*'],
    series(parallel(jsTask, htmlTask, assetTask),
  ));
  // this will run specific task based on file type or folder
  watch(['src/**/*.js'], series(jsTask));
  watch(['src/**/*.html'], series(htmlTask));
  watch(['assets/**/*'], series(assetTask));
}

exports.default = series(parallel(jsTask, htmlTask, assetTask), watchTask);