gulp postcss cssnext autoprefixer не работает

Глоток:

var gulp = require('gulp');

var postcss = require('gulp-postcss');
var autoprefixer = require('autoprefixer');
var cssnext = require('postcss-cssnext');
var precss = require('precss');
var csswring = require('csswring');
var concat = require('gulp-concat');

gulp.task('css', function () {
  var processors = [
    //autoprefixer('last 6 versions'),
    cssnext({ browsers: ['last 6 versions'] }),
    precss,
    csswring
  ];
  return gulp.src('./src/main.css')
    .pipe(postcss(processors))
    .pipe(concat('style.css'))
    .pipe(gulp.dest('.'));
});

gulp.task('watch', function() {
    gulp.watch('src/*.css', ['css']);
});

У меня проблема с тем, чтобы заставить работать автоматический префикс. Я выполняю преобразование элемента, но не вижу добавляемых префиксов поставщиков. Очевидно, что с postcss-cssnext в него должен быть включен autoprefixer, поэтому я пропустил опции. Я попробовал обычный авторефиксер, и мне тоже не повезло. Я не получаю предупреждений в командной строке при запуске задачи наблюдения.

ОБНОВЛЕНИЕ Переместив autoprefixer в конец, я запустил его, используя тот же синтаксис, что и для cssnext. Тем не менее, я бы хотел, чтобы я вообще мог прекратить использование авторефиксера, поскольку он все равно должен быть включен в cssnext. Я все еще не уверен, как это сделать.

0 ответов

Другие вопросы по тегам