Какие знаешь постпроцессоры

PostCSS — это основной инструмент для постпроцессинга CSS. Он позволяет подключать плагины, которые трансформируют стили после написания кода. Популярные плагины:

1. Autoprefixer — автоматически добавляет вендорные префиксы.
   css

   Копировать

   .box { display: flex; }
   /* После обработки: */
   .box { display: -webkit-box; display: -ms-flexbox; display: flex; }

2. CSSnano — минифицирует CSS, удаляя пробелы и лишние свойства.

3. PostCSS Preset Env — позволяет использовать будущий CSS (например, CSS-переменные, nesting).

4. Stylelint — линтер для проверки качества кода.

5. PostCSS Modules — автоматически изолирует стили через генерацию уникальных классов.

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

{
  "plugins": {
    "autoprefixer": {},
    "cssnano": {}
  }
}