title: Gulp fails to update css file during gulp.watch
body: <p>I'm having a strange issue that I can't figure out regarding gulp. </p>
  
  <p>I have a gulp-sass task. When I change any of my .scss files I want it to recompile my sass files. Pretty simple. </p>
  
  <p>This is my code </p>
  
  <h3>gulp-task</h3>
  
  <pre><code>gulp.task('sass', function(){
    gulp.src('app/styles/app.scss')
      .pipe(sass({
          includePaths: require('node-bourbon').includePaths
      }))
      .pipe(gulp.dest('app/assets'));
  });
  </code></pre>
  
  <h3>gulp-watch</h3>
  
  <pre><code>gulp.task('watch', function(){
     gulp.watch('app/styles/**/*.scss', ['sass']);
  
  });
  </code></pre>
  
  <p>The problem is. When I run gulp watch it all acts normally. If I edit a .scss file it runs the task again. However the changes aren't reflected in the rendered .css file. </p>
  
  <p>The curveball is if I press ctrl+c to stop the gulp.watch cycle THEN the changes are reflected in the rendered .css file</p>
  
  <p>I'm wondering what is causing this to happen. </p>
  
  <p>Any ideas? </p>