无法使gulp自动修复程序正常工作

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);
});