title: gulp-autoprefixer not working
body: <p>I just can't get gulp-autoprefixer to work. I was testing it with transitions but when I save my scss file the prefixes don't show up in my css file. Everything else seems to be just fine. </p>
  
  <p>This is my gulp file:</p>
  
  <pre><code>var gulp = require('gulp'),
      plumber = require('gulp-plumber'),
      rename = require('gulp-rename'),
      autoprefixer = require('gulp-autoprefixer'),
      imagemin = require('gulp-imagemin'),
      cache = require('gulp-cache'),
      sass = require('gulp-sass'),
      browserSync = require('browser-sync');
  
  gulp.task('browser-sync', function() {
    browserSync({
      server: {
         baseDir: "./"
      }
    });
  });
  
  gulp.task('bs-reload', function () {
    browserSync.reload();
  });
  
  gulp.task('images', function(){
    gulp.src('build/images/**/*')
      .pipe(cache(imagemin({ optimizationLevel: 3, progressive: true, interlaced: true })))
      .pipe(gulp.dest('images/'));
  });
  
  gulp.task('styles', function(){
    gulp.src(['scss/**/*.scss'])
      .pipe(plumber({
        errorHandler: function (error) {
          console.log(error.message);
          this.emit('end');
      }}))
      .pipe(sass())
      .pipe(autoprefixer('last 2 versions'))
      .pipe(gulp.dest('css/'))
      .pipe(browserSync.reload({stream:true}))
  });
  
  
  gulp.task('default', ['browser-sync'], function(){
    gulp.watch("scss/**/*.scss", ['styles']);
    gulp.watch("*.html", ['bs-reload']);
  });
  </code></pre>
  
  <p>Thank you all for your help!!</p>
  
  <p><strong>UPDATE</strong></p>
  
  <pre><code>var gulp = require('gulp'),
      plumber = require('gulp-plumber'),
      rename = require('gulp-rename'),
      autoprefixer = require('gulp-autoprefixer'),
      imagemin = require('gulp-imagemin'),
      cache = require('gulp-cache'),
      sass = require('gulp-sass'),
      browserSync = require('browser-sync');
  
  gulp.task('browser-sync', function() {
    browserSync({
      server: {
         baseDir: "./"
      }
    });
  });
  
  gulp.task('bs-reload', function () {
    browserSync.reload();
  });
  
  gulp.task('images', function(){
    gulp.src('build/images/**/*')
      .pipe(cache(imagemin({ optimizationLevel: 3, progressive: true, interlaced: true })))
      .pipe(gulp.dest('images/'));
  });
  
  gulp.task('styles', function(){
    gulp.src(['scss/**/*.scss'])
      .pipe(plumber({
        errorHandler: function (error) {
          console.log(error.message);
          this.emit('end');
      }}))
      .pipe(sass())
      .pipe(autoprefixer({
              browsers: ['last 2 versions'],
              cascade: false
          }))
      .pipe(gulp.dest('css/'))
      .pipe(browserSync.reload({stream:true}))
  });
  
  
  gulp.task('default', ['browser-sync'], function(){
    gulp.watch("scss/**/*.scss", ['styles']);
    gulp.watch("*.html", ['bs-reload']);
  });
  </code></pre>