Есть плагин, который превращает css код в кросбраузерный?

Да, в категории "Gulp.js" есть плагин, который помогает превратить CSS код в кроссбраузерный. Этот плагин называется "autoprefixer".

"Autoprefixer" - это плагин Gulp.js, который добавляет префиксы к CSS свойствам автоматически, основываясь на данных из базы данных Can I Use. Префиксы CSS являются частью стандартного процесса разработки при работе с CSS, чтобы обеспечить совместимость с разными браузерами.

Вот как вы можете использовать плагин "autoprefixer" в ваших задачах с помощью Gulp.js:

1. Установите плагин:

npm install gulp-autoprefixer --save-dev

2. Подключите плагин к файлу gulpfile.js:

const gulp = require('gulp');
const autoprefixer = require('gulp-autoprefixer');

gulp.task('styles', function() {
  return gulp.src('src/css/*.css')
    .pipe(autoprefixer())
    .pipe(gulp.dest('dist/css'));
});

3. Запустите задачу:

gulp styles

Этот код настроит задачу "styles" в Gulp.js, которая берет CSS файлы из папки "src/css", применяет префиксы автоматически с помощью плагина "autoprefixer" и сохраняет файлы с префиксами в папку "dist/css".

Плагин "autoprefixer" автоматически добавит необходимые префиксы к вашему CSS коду, основываясь на диапазоне версий браузеров, которые вы указали в настройках. Это упрощает и ускоряет процесс создания кроссбраузерных CSS стилей.

Дополнительно, вы можете указать желаемую версию браузеров в файле "package.json", в ключе "browserslist". Например:

"browserslist": [
  "last 2 versions",
  "ie >= 11"
]

Таким образом, плагин "autoprefixer" в комбинации с Gulp.js является мощным инструментом для автоматической генерации кроссбраузерных CSS стилей, уменьшая время и усилия, затрачиваемые наручную добавление префиксов.