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

无法让gulp autoprefixer工作

1 个答案: