gulp BrowserSync の設定がわからない

Question

gulp BrowserSync の設定がわからない

sassコンパイルまではwatchで出来るんですが、
BrowserSyncの設定でつまづいています。。

環境

wordpress
OS： mac
MAMPを使ってます

ソース

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

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

ディレクトリ

├── index.php
├── src
      ├── js
      │   ├── abc.js
      │   └── def.js
      └── scss
          ├── abc.scss
          └── aaa
              └── bef.scss

色々と調べましたが、どうもうまくいかない。。

どなたかこの後、こう記述すれば実現できるといった事をアドバイス頂けると幸いです。

追記

以下のように修正してみましたが、
エラーがでてしまいます。

var browserSync = require("browser-sync");
var gulp = require('gulp');
var sass = require('gulp-sass');
var sassGlob = require('gulp-sass-glob');

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

gulp.task('browserSync', function () {
  browserSync({
    proxy: "10.0.0.xxx:8000/abc",
    files: [
	    "./style.css",
	    "./**/*.php",
    ]
  });
});

gulp.task('watch', function(){
  gulp.watch('./src/scss/**/*.scss', ['sass']);
});

gulp.task('default', ['browserSync', 'sass', 'watch']);

エラー内容

/Users/abc/wp-content/themes/xxx-child/node_modules/gulp-sass-glob/dist/index.js:69
  var contents = file.contents.toString('utf-8');
                               ^

TypeError: Cannot read property 'toString' of null
    at transform (/Users/abc/wp-content/themes/xxx-child/node_modules/gulp-sass-glob/dist/index.js:69:32)

Answer 1

###　解決！！！
以下の記事を参考にし、解決できました。
gulp-sass + BrowserSyncでコーディングする際の gulpfile メモ