Gulp watch tasks for styles

gulp.watch.js

// I run this right after webpack-dev-server task is complete
gulp.task('watch', () => {
  gulp.watch('./styles/**/*.scss', ['watchCss']);
});

// this triggers whenever a `.scss` file changes
// which triggers a new scss compliation
gulp.task('watchCss', ['buildStyles'], () => {
  // browserSyncInstance is defined in my above gist 
  // https://gist.github.com/moog16/095f6e6e592ae83c0182e0977c8a8762
  if(!browserSyncInstance) {
    return;
  }
  
  // find the css file in /static
  const file = path.resolve(__dirname, `static/css/${clients[0]}/app.css`);
  
  // source the file and use browserSync to update it, without refreshing the page
  // which saves the state of the app
  return gulp.src(file)
    .pipe(browserSyncInstance.stream());
});