gulp gulp-sass-glob が 機能しない

Question

困っている事

gulp gulp-sass-glob が 機能しない

ソース

const gulp = require('gulp');
const sass = require('gulp-sass');
const sassGlob = require('gulp-sass-glob');

gulp.task('default', function(){
  return gulp.watch('src/scss/style.scss', function(){
    return gulp
    .src('src/scss/style.scss')
    // .src('*.scss')
    .pipe(sassGlob())
    .pipe(sass({
      // コンパイル時の整形
      outputStyle: 'expanded'
    }))
    .on('error', sass.logError)
    .pipe(gulp.dest('./'));
  });
});

@charset "utf-8";
@import "./kansu";

できている事

style.scss を保存すると、
ちゃんと importされ、style.cssに反映される。
つまり。@import自体は問題がない

詳しい方、アドバイスを頂けると幸いです。
よろしくお願いします。

Answer 1

以下のように変更したら反映されました。

return gulp.watch('src/scss/style.scss', function(){

↓↓↓

return gulp.watch('src/scss/**/*', function(){