Как автоматически выдавать вендорные префиксы

Для автоматической генерации вендорных префиксов можно использовать PostCSS с плагином Autoprefixer. Он анализирует ваш CSS и добавляет необходимые префиксы на основе данных из Can I Use.

Пример настройки в postcss.config.js:

module.exports = {
  plugins: [
    require('autoprefixer')({
      overrideBrowserslist: ['last 2 versions', '> 1%']
    })
  ]
}

Также можно использовать CSS-препроцессоры вроде Sass/Less, где префиксы добавляются через миксины. Например, в Sass:

@mixin transform($value) {
  -webkit-transform: $value;
  -ms-transform: $value;
  transform: $value;
}

.box { @include transform(rotate(30deg)); }

Для JavaScript-стилей (CSS-in-JS) библиотеки типа styled-components автоматически добавляют префиксы.