Wie schluck autoprefixer setzen, die es Präfix CSS sein wird, wenn ich mein Projekt speichern

Question

Ich habe einen gulpfile wie diese

var gulp = require('gulp'); 
var browserSync = require('browser-sync').create(); 
var sass = require('gulp-sass'); 
var rename = require('gulp-rename'); 
var imagemin = require('gulp-imagemin'); 
var autoprefixer = require('gulp-autoprefixer'); 

gulp.task('sass', function() { 
    return gulp.src('src/sass/*.scss') 
     .pipe(sass().on('error', sass.logError)) 
     /*.pipe(sass({ 
      outputStyle: 'compressed' 
     }))*/ 
     .pipe(rename({ 
      suffix: '.min' 
     })) 
     .pipe(gulp.dest('src/css/')) 
     .pipe(browserSync.stream()); 
}); 


gulp.task('serve', ['sass'], function() { 
    browserSync.init({ 
     server: "./src" 
    }); 

    gulp.watch('src/sass/**/*.scss', ['sass']); 
    gulp.watch("src/index.html").on('change', browserSync.reload); 
}); 

gulp.task('image', function() { 
    gulp.src('src/img/*') 
     .pipe(imagemin()) 
     .pipe(gulp.dest('src/build/img')); 
}); 

gulp.task('autoprefixer', function() { 
    return gulp.src('src/css/*') 
     .pipe(autoprefixer({ 
      browsers: ['last 2 versions', '> 5%', 'iOS 7'], 
      cascade: false 
     })) 
     .pipe(gulp.dest('src/css/')); 
}); 

gulp.task('default', ['serve', 'image', 'autoprefixer' ]); 

Ich mag würde mein CSS-Code voranstellen, wenn ich mein Projekt zu speichern. Momentan funktioniert es nicht und ich muss meinen Schluck stoppen und dann Autoprefixer in die Konsole schreiben. Danke für Hilfe.

Answer 1

Sie erstellt neue schluck Aufgabe zu, dass, da Sie bereits Aufgaben „Sass“ und „bedienen“ haben, können Sie nur autoprefixer in „Sass“ Aufgabe umfassen, so wäre es wie:

gulp.task('sass', function() { 
return gulp.src('src/sass/*.scss') 
    .pipe(sass().on('error', sass.logError)) 
    /*.pipe(sass({ 
     outputStyle: 'compressed' 
    }))*/ 
    .pipe(rename({ 
     suffix: '.min' 
    })) 
    .pipe(autoprefixer({ 
     browsers: ['last 2 versions', '> 5%', 'iOS 7'], 
     cascade: false 
    })) 
    .pipe(gulp.dest('src/css/')) 
    .pipe(browserSync.stream()); 
});