gulpfile.js

 var gulp = require('gulp'),
  sass = require('gulp-ruby-sass'),
  spritesmith = require('gulp.spritesmith'),
  compass = require('gulp-compass'),
  path = require('path'),
  minifyCss = require('gulp-minify-css'),
  browserSync = require('browser-sync'),
  tinypng = require('gulp-tinypng'),
  autoprefixer = require('gulp-autoprefixer'),
  plumber = require('gulp-plumber');

/* npm install gulp.spritesmith */
gulp.task('sprite', function () {
  var spriteData = gulp.src('img/icons/*.png').pipe(spritesmith(
  {
      retinaSrcFilter: ['img/icons/*-2x.png'],
    imgName: 'sprite.png',
    retinaImgName: 'sprite-2x.png',
    cssName: '../sass/_sprite.scss',
    imgPath : '../images/sprite.png',
    retinaImgPath : '../images/sprite-2x.png'
  }
  ))
  spriteData.pipe(gulp.dest('img/'));
});

gulp.task('tinypng', function () {
    gulp.src('images/**/*.png')
        .pipe(tinypng('csIrxlzNbdpnGt8y0enqT0eZvlbv3Aj_'))
        .pipe(gulp.dest('images/'));
});

/**************************************************************/


gulp.task('browser-sync', function() {
    browserSync.init(["stylesheets/*.css", "js/*.js"], {
        browser: ["google chrome"],
        //browser: ["firefox"],
        // browser: ["firefox","google chrome","safari"],
        proxy: "http://dev2.quadratin.com.mx/wp/",
        reloadDelay: 3000,
        open: "external",
        ghostMode: {
          clicks: true,
          forms: true,
          scroll: false
        }
    });
});

gulp.task('compass', function() {
   gulp.src('sass/*.scss')
  .pipe(plumber())
  .pipe(compass({
    project: path.join(__dirname, '/'),
    css: 'stylesheets',
    sass: 'sass'
  }))
  //Comentar para no minificar
  .pipe(minifyCss({compatibility: 'ie8'}))
  .pipe(autoprefixer())
  .pipe(gulp.dest('stylesheets'));
});


gulp.task('default', ['browser-sync'], function () {
    gulp.watch("sass/*.scss", ['compass']);
    gulp.watch("*.css").on("change", browserSync.reload);
    gulp.watch("*.php").on("change", browserSync.reload);
    gulp.watch("*.js").on("change", browserSync.reload);
});