1. ホーム
  2. css

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

2023-11-17 16:59:40

質問

このようなものがあります。

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

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

});

というのは、sassとlayoutsの2つのディレクトリを監視して、変更を監視しているからです。

どうすれば、gulpがこれらのディレクトリの内部で起こるすべてのことを監視するように、動作させることができますか?

どのように解決するのですか?

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

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

});

sass/**/*.scss そして layouts/**/*.css に変更がないか、すべてのディレクトリとサブディレクトリを監視します。 .scss.css のファイルが変更されます。 に変更したい場合は 任意の ファイルに変更したい場合は、最後のビットを *.*