gulp autoprefixerが動作しなくなる

Question

私は現在gulpで新しいプロジェクトを設定しています.gulp-autoprefixerを動作させることができません。

以下は私のgulpfile.jsです。

var gulp = require('gulp'), 
    sass = require('gulp-sass'), 
    prefix = require('gulp-autoprefixer'), 
    rename = require('gulp-rename'), 
    livereload = require('gulp-livereload'), 
    sourcemaps = require('gulp-sourcemaps'); 

gulp.task('styles', function() { 
    gulp.src('css/**/*.scss') 
    .pipe(sourcemaps.init()) 
    .pipe(prefix('last 2 version')) 
    .pipe(sass().on('error', sass.logError)) 
    .pipe(sourcemaps.write('./')) 
    .pipe(rename({suffix: '.min'})) 
    .pipe(gulp.dest('./css/')); 
}); 

gulp.task('default',function() { 
    gulp.watch('css/**/*.scss',['styles']); 
    livereload.listen(); 
    gulp.watch(['./**/*']).on('change', livereload.changed); 
}); 

Answer 1

以下のように修正しました。

var gulp = require('gulp'), 
    sass = require('gulp-sass'), 
    autoprefixer = require('gulp-autoprefixer'), 
    rename = require('gulp-rename'), 
    livereload = require('gulp-livereload'), 
    sourcemaps = require('gulp-sourcemaps'); 

gulp.task('styles', function() { 
    gulp.src('src/css/**/*.scss') 
    .pipe(sourcemaps.init()) 
    .pipe(sass().on('error', sass.logError)) 
    .pipe(autoprefixer({ 
     browsers: ['last 2 versions'], 
     cascade: false 
    })) 
    .pipe(sourcemaps.write('./')) 
    .pipe(rename({suffix: '.min'})) 
    .pipe(gulp.dest('./dist/css/')); 
}); 

gulp.task('default',function() { 
    gulp.watch('src/css/**/*.scss',['styles']); 
    livereload.listen(); 
    gulp.watch(['./**/*']).on('change', livereload.changed); 
});