Как настроить таргетинг на все браузеры с помощью авто-префикса Gulp

Question

Я очень новичок в Gulp и никогда раньше не использовал никаких плагинов, поэтому я немного растерялся.

Я следовал некоторым учебникам и почти смог запустить Gulp и плагин авто-префикса. Я сейчас просто пытаюсь понять, есть ли способ получить его префикс для всех версий всех браузеров?

В этом списке браузеров я могу выбрать такие вещи, как последние 2 версии всех основных браузеров или диапазон версий, но я бы хотел выбрать все версии всех браузеров (основных и других). Я особенно пытаюсь добавить поддержку браузера Samsung по умолчанию, поскольку у меня сейчас есть проблемы с совместимостью браузера, и я надеюсь, что некоторые префиксы могут быть решением.

Вот код, который у меня есть:

var gulp = require('gulp');
var prefix = require('gulp-autoprefixer');

gulp.task('prefix', function () {
    gulp.src('css/**/*.css')
        .pipe(prefix('last 2 versions'))
        .pipe(gulp.dest('css/'));
});

gulp.task('default', ['prefix']);

Спасибо

Answer 1

Вы можете найти список всех опций префикса здесь. Я не уверен, что есть что-то для браузера Samsung специально

https://github.com/ai/browserslist

Таким образом, примерная задача автоприставки может выглядеть так

let autoprefixBrowsers = ['> 1%', 'last 2 versions', 'firefox >= 4', 'safari 7', 'safari 8', 'IE 8', 'IE 9', 'IE 10', 'IE 11'];

gulp.task('prefix', function () {
    gulp.src('css/**/*.css')
    .pipe(prefix({ browsers: autoprefixBrowsers }))
    .pipe(gulp.dest('css/'));
});