Авторефиксер не будет добавлять или удалять префиксы

Question

В моем gulpfile есть следующее, и CSS компилируется, но префиксы не добавляются и не удаляются. Что я делаю неправильно?

// The task
// --------

gulp.task('autoprefix', function () {
  var prefixr = autoprefixer({
    browsers: ['last 2 versions', 'IE >=9'],
    remove: true,
    add: true
  });
  return gulp.src('app/styles/*.css')
    .pipe(postcss([ prefixr ]))
    .pipe(gulp.dest('app/styles'));
});


// Run watch
// --------

gulp.task('watch', function() {
  gulp.watch('app/styles/**/*.less', { interval: 1000 }, ['less', 'autoprefix']);
});

Answer 1

У меня такая же проблема. Но я думаю, что все это находится в вашем файле CSS (или даже меньше). Я разместил проблему в их репозитории github здесь: https://github.com/postcss/autoprefixer/issues/564

И мы разговаривали взад и вперед только для того, чтобы узнать, что проблема была в моем css (также использовала стилус).

Быстрый тест, создайте новый файл CSS, используя это простое правило.

html {
   display flex
}

Затем запустите его и посмотрите, не префикс ли он!

Если нет, посмотрите, работают ли другие плагины (например, csswring), и я надеюсь, что вы используете autoprefixer а не autoprefixer-core,