gulpfile.js

//
// SCSS + Webserver
// gulpfile
//
// dependencies
var gulp = require('gulp'),
    sass = require('gulp-ruby-sass'),
    cssmin = require('gulp-cssmin'),
    rename = require('gulp-rename'),
    connect = require('gulp-connect'),
    autoprefixer = require('gulp-autoprefixer');

// sass to css
gulp.task('process', function() {
  gulp.src('sass/style.scss')
    .pipe(sass())
    .on('error', function(err) {
      console.log(err.message);
    })
    .pipe(gulp.dest('css'));
});

// autoprefix
gulp.task('prefix', function() {
  gulp.src('css/style.css')
    .pipe(autoprefixer())
    .pipe(gulp.dest('css'));
});

// minify css
gulp.task('minify', function() {
  gulp.src('css/style.css')
    .pipe(cssmin())
    .pipe(rename({
      suffix: '.min'
    }))
    .pipe(gulp.dest('css'));
});

// connect
gulp.task('connect', function() {
  connect.server();
});

// default
gulp.task('default', ['connect', 'process', 'prefix', 'minify'], function() {
  gulp.watch(['scss/**/*.scss'], ['process', 'prefix', 'minify']);
});