Зачем нужен Autoprefixer?

Autoprefixer нужен, чтобы автоматически добавлять вендорные префиксы (`-webkit-`, `-moz-`) к CSS-свойствам для кроссбраузерной поддержки, избавляя от ручного написания.

Что делает

Autoprefixer — плагин PostCSS, который анализирует CSS и добавляет нужные вендорные префиксы на основе данных Can I Use и списка целевых браузеров (browserslist):

/* Пишешь */
.box {
  display: flex;
  user-select: none;
}

/* Autoprefixer добавит под целевые браузеры */
.box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

Зачем нужен

• Кроссбраузерность — свойства работают в разных браузерах без ручных префиксов.
• Актуальность — добавляет только нужные префиксы (по реальным данным поддержки), не устаревшие.
• Чистый исходник — пишешь стандартный CSS, префиксы генерируются при сборке.
• Меньше ошибок — не нужно помнить, где какой префикс нужен.

Настройка через browserslist

// package.json или .browserslistrc
"browserslist": ["> 1%", "last 2 versions"]

Autoprefixer добавляет префиксы под указанные браузеры — не больше, не меньше.

Где применяется

В сборке (PostCSS в Webpack/Vite), часто «из коробки» в стартовых конфигурациях.

Коротко для собеседования

Autoprefixer — плагин PostCSS, автоматически добавляющий вендорные префиксы (-webkit-, -moz-, -ms-) к CSS по данным Can I Use и browserslist. Даёт кроссбраузерность без ручных префиксов, чистый исходник (пишешь стандартный CSS) и только актуальные префиксы под целевые браузеры. Работает при сборке.