Що робить постпроцесор на етапі збірки?

Постпроцесор на етапі збірки отримує вже готовий CSS-код (написаний вручну чи згенерований препроцесором) і автоматично модифікує його перед відправленням у продакшен. Конкретно він виконує одне або кілька завдань залежно від підключених плагінів.

---

#Що саме робить постпроцесор на етапі збірки

1. Додає крос-браузерні префікси Щоб CSS коректно працював у старих браузерах, він дописує -webkit-, -moz-, -o- там, де це потрібно за даними caniuse.

2. Оптимізує й очищає CSS

• скорочує запис властивостей
• видаляє невикористаний код (якщо підключено PurgeCSS)
• групує повторювані правила

3. Мінімізує підсумковий файл

• видаляє пробіли й переноси
• стискає CSS
• зменшує загальний розмір для швидшого завантаження

4. Перетворює сучасний CSS на зрозумілий старим браузерам Наприклад, дає змогу використовувати майбутні специфікації (через postcss-preset-env), перетворюючи їх на сумісний код.

5. Автоматизує рутинні завдання Залежно від плагінів: сортування властивостей, об'єднання медіа-запитів, створення fallback-значень тощо.

---

#Підсумкове призначення

Постпроцесор робить CSS готовим до продакшену: він робить код крос-браузерним, компактним, логічним і швидким для завантаження.

Якщо сказати одним рядком:

Препроцесор спрощує написання CSS, а постпроцесор - доводить його до ідеального стану перед публікацією.

Продовжуємо?