LibSass + CSS Injection

browsersync-source-examples-gulp-1.js

var gulp         = require('gulp');
var sass         = require('gulp-sass');
var bs           = require('browser-sync').create();
var runSequence  = require('run-sequence');

gulp.task('browser-sync', function() {
  bs.init({
    server: {
      baseDir: './'
    }
  });
});

gulp.task('process:sass', function() {
  return gulp.src('**/*.scss')
    .pipe(sass())
    .pipe(gulp.dest('./styles.css'))
    .pipe(bs.stream());
});

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

gulp.task('default', function() {
  runSequence(['sass','watch-all'], 'browser-sync');
});