gulp sass源代碼和autoprefixer無法正常工作

Question

我無法使用gulp sass工作的autoprefixer。這裏是我的gulpfile.js：

'use strict'; 
var gulp = require('gulp'); 
var sass = require('gulp-sass'); 
var sourcemaps = require('gulp-sourcemaps'); 
var autoprefixer = require('gulp-autoprefixer'); 
gulp.task('sass', function() { 
    gulp.src('./sass/**/*.scss') 
    .pipe(sourcemaps.init()) 
    .pipe(sass().on('error', sass.logError)) 
    .pipe(sourcemaps.write()) 
    .pipe(autoprefixer({ browsers: ['last 2 versions' ]})) 
    .pipe(gulp.dest('./css/')); 
}); 
gulp.task('watch', function() { 
    gulp.watch('./sass/**/*.scss', ['sass']); 
}); 
gulp.task('default', function() { 
    gulp.watch('./sass/**/*.scss', ['sass']); 
}); 

我遵循相關問題的解決方案，但無法完成。這裏是鏈接：LINK

Answer 1

我能夠實現sourcemaps和autoprefix功能，所以想到共享。這裏是我的gulpfile.js：

'use strict'; 
var gulp = require('gulp'); 
var sass = require('gulp-sass'); 
var sourcemaps = require('gulp-sourcemaps'); 
var autoprefixer = require('gulp-autoprefixer'); 
gulp.task('sass', function() { 
    gulp.src('./sass/**/*.scss') 
    .pipe(sourcemaps.init()) 
    .pipe(sass().on('error', sass.logError)) 
    .pipe(sourcemaps.write()) 
    .pipe(autoprefixer()) 
    .pipe(gulp.dest('./css/')); 
}); 
gulp.task('watch', function() { 
    gulp.watch('./sass/**/*.scss', ['sass']); 
}); 
gulp.task('default', function() { 
    gulp.watch('./sass/**/*.scss', ['sass']); 
});