Почему не работает gulp-autoprefixer?

Question

[Степан Кормилин]

Добрый день!
Почему может не работать gulp-autoprefixer?

var autoprefixer = require('gulp-autoprefixer');
gulp.task('default', function () {
gulp.src('css/*.css')
.pipe(gulp.dest('app/css'))
.pipe(autoprefixer({
browsers: ['last 3 versions']
}));
});

Все остальные компоненты работают нормально!

Answer 1

[Дмитрий Чащинов]

Автопрефиксер отрабатывает после сохранения файлов в папку app/css
вот пример правильного таска

gulp.task('default', function () {
    return gulp.src('css/*.css')
        .pipe(autoprefixer({
            browsers: ['last 3 versions'],
            cascade: false
        }))
        .pipe(gulp.dest('app/css'));
});

Comments

[Степан Кормилин]

Ага.. Теперь он заработал)) Но как-то рандомно! К примеру transform: rotate(6deg) отработало чётко, префиксы на месте. А вот background: linear-gradient(20deg, #eee, #999) ему чем-то не нравится

[kleilike]

Степан Кормилин: дело в browsers: ['last 3 versions']. В последних трех версиях префикс не нужен.
Пропиши:
browsers: [
'last 3 versions',
'> 5%'
]

[Степан Кормилин]

kleilike: Спасибо большое! Да, действительно, теперь все префиксы на месте))

[maxon_by]

kleilike: спасибо! и мне помогло только твой ответ

[kleilike]

WhoAm7i7: фильтр для браузеров, значит, что больше 5% пользователей установили этот браузер