Gulp - BrowserSync, Sass -> Css, Imagemin

gulpfile.js

var gulp = require('gulp');
var browserSync = require('browser-sync').create();
var sass = require('gulp-sass');
var rename = require('gulp-rename');
var imagemin = require('gulp-imagemin');


// Static Server + watching scss/html files
gulp.task('serve', ['sass'], function() {
    browserSync.init({
        proxy: 'docker.dev'
    });

    gulp.watch('www/scss/main.scss', ['sass']);
    gulp.watch('application/views/**/*.php').on('change', browserSync.reload);
});


// Compile sass into CSS & auto-inject into browsers
gulp.task('sass', function() {
    return gulp.src('www/scss/main.scss')
        .pipe(sass({
            outputStyle: 'compressed'
        }).on('error', sass.logError))
        .pipe(rename('style.css'))
        .pipe(gulp.dest('www/css'))
        .pipe(browserSync.stream());
});



// Imagemin
gulp.task('imagemin', function() {
   gulp.src('www/images/**/*')
      .pipe(imagemin())
      .pipe(gulp.dest('www/images'));
});



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