gulp-autoprefixer не работает

Это мой первый вопрос.

версия узла: v4.4.4

package.json

"gulp": "^3.9.1",
"gulp-autoprefixer": "^3.1.0",
"gulp-rename": "^1.2.2",

gulpfile.js

gulp.task('auto', function () {
log("Generate CSS files");
return gulp.src('dev/css/test.css')
    .pipe(autoprefixer({
        browsers: ['last 2 versions'],
        cascade: false
    }))
    .pipe(rename('asd.css'))
    .pipe(gulp.dest('dev/css'));
});

test.css

p { transition: all 5s ease; }

a { transform: scale(0.5); }

asd.css

p { transition: all 5s ease; }

a { transform: scale(0.5); }

Почему это не работает? Результат тот же. Это не добавляет префиксы.

Заранее спасибо;)

2 ответа

Удалить

browsers: ['last 2 versions'],
        cascade: false

И только использовать .pipe(autoprefixer())

Я почти уверен, что (на момент написания этой статьи) последние 2 версии не требуют префиксов для этих конкретных правил. Попробуйте добавить user-select поскольку префиксы все еще необходимы для этого правила.

Autoprefixer добавит только те префиксы, которые необходимы для поддержки браузеров, которые, как вы говорите, вам нужно поддерживать. Поскольку браузеры продолжают отбрасывать префиксы, количество префиксов, которые добавляет авторефиксер, будет уменьшаться до тех пор, пока оно, как мы надеемся, больше не понадобится в качестве инструмента.

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