Как Autoprefixer понимает где нужно поставить префикс

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

Настройки браузеров передаются через:

• browserslist в package.json
• .browserslistrc файл
• Параметр overrideBrowserslist в конфиге PostCSS

Пример конфига browserslist:

"browserslist": [
  "last 2 versions",
  "> 1%",
  "IE 10"
]

Autoprefixer преобразует:

.example {
  display: flex;
}

В:

.example {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

Префиксы добавляются только если они действительно нужны для указанного списка браузеров.