usagizmo
10/5/2016 - 12:46 PM

Gulp (Sass + Browsersync)

Gulp (Sass + Browsersync)

var browserSync = require('browser-sync');
var gulp = require('gulp');
var sass = require('gulp-sass');
var plumber = require('gulp-plumber');
var notify = require('gulp-notify');

var notifyOpts = {
  title: '<%= error.plugin %>',
  message: '<%= error.message %>',
  sound: 'Funk'
};

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

gulp.task('sass', function () {
  return gulp.src('src/scss/main.scss')
    .pipe(plumber({
      errorHandler: notify.onError(notifyOpts)
    }))
    .pipe(sass())
    .pipe(gulp.dest('public/css'))
    .pipe(browserSync.stream());
});

gulp.task('default', ['browser-sync'], function () {
  gulp.watch('src/scss/**/*.scss', ['sass']);
  gulp.watch(['public/**/*.html', 'public/**/*.js'])
    .on('change', browserSync.reload);
});