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);
});