html - CSS の変更時に browser-sync を使用してページをリロードする

Question

プロジェクトでBasscssを使用しており、ファイルに変更を加えたときにブラウザーを更新するタスクを Gulp で設定する方法を試してい.scssます。

現在gulpfile.js はこんな感じで、 Browser Syncを使ってこれをやろうと思っていました。ただし、このフレームワークは Swig テンプレートを使用しているため、これを実装する方法がわかりません。

このようなことを考えていましたが、うまくいかないようです。

var browserSync = require('browser-sync');

gulp.task('bs-reload', function () {
    browserSync.reload();
});

gulp.task('watch-css', ['basswork', 'site-basswork', 'customizer-data'], function() {
  gulp.watch([
    './src/**/*.css',
    './docs/src/css/**/*.css'],
    ['basswork', 'site-basswork', 'customizer-data', 'bs-reload']);
});

誰かがこれに関して私に助けを貸してくれるなら、本当に感謝しています.

前もって感謝します！