Gulp configuration for using Nucleus (with browser sync)

Gulpfile.js

const gulp = require('gulp');
const sass = require('gulp-sass');
const run = require('gulp-run');
const browserSync = require('browser-sync').create();

gulp.task('css', function () {
  return gulp.src('src/style.scss')
    .pipe(sass())
    .pipe(gulp.dest('styleguide/css'));
});

gulp.task('nucleus', function() {
  return run('nucleus').exec();
});


gulp.task('build', ['css', 'nucleus']);
gulp.task('default', ['build', 'serve']);

// Start Browser sync
gulp.task('serve', function() {
  // Watch .scss files
  gulp.watch('src/**/*.scss', ['css', 'nucleus']).on('change', browserSync.reload);
  browserSync.init({
      server: {
          baseDir: "./styleguide"
      }
  });
});