title: Understanding Gulp sass compilation
body: <p>I have a gulpfile.js with some tasks to compile client side coffeescript and my styles which are in sass. The coffeescript is compiling correctly, but sass is not.</p>
  
  <p>Here is my gulpfile.js - </p>
  
  <pre><code>var gulp   = require('gulp'),
      util   = require('gulp-util'),
      sass   = require('gulp-sass'),
      coffee = require('gulp-coffee');
  
  var paths = {
      scripts: {
          src:  'src/coffee/**/*.coffee',
          dest: 'public/javascripts'
      },
      styles: {
          src:  'src/*.sass',
          dest: 'public/stylesheets'
      }
  };
  
  gulp.task('scripts', function() {
      return gulp.src(paths.scripts.src)
          .pipe(coffee())
          .pipe(gulp.dest(paths.scripts.dest));
  });
  
  gulp.task('sass', function () {
     return gulp.src(paths.styles.src)
         .pipe(sass({errLogToConsole: true}))
         .pipe(gulp.dest(paths.styles.dest));
  });
  
  gulp.task('watch', function () {
    gulp.watch(paths.scripts.src, ['scripts']);
    gulp.watch(paths.styles.src, ['styles']);
  });
  
  gulp.task('default', ['scripts', 'watch']);
  </code></pre>
  
  <p>It's got to be in my 'watch' task, but what is it missing?</p>
  
  <p><strong>* EDIT *</strong></p>
  
  <p>Here is the output I am getting - </p>
  
  <pre><code>[gulp] Using file exampledir/gulpfile.js
  [gulp] Working directory changed to exampledir/examplesite
  [gulp] Running 'scripts'...
  [gulp] Running 'watch'...
  [gulp] Finished 'watch' in 14 ms
  [gulp] Finished 'scripts' in 106 ms
  [gulp] Running 'default'...
  [gulp] Finished 'default' in 10 μs
  </code></pre>