Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Що робить JIT (Just-In-Time) компілятор у Tailwind?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)**JIT-компілятор у Tailwind** відповідає за миттєву генерацію класів "за вимогою", тобто він створює CSS-стилі тільки для тих utility-класів, які реально трапляються в проєкті, і робить це під час розробки, а не заздалегідь. **Ключове:** новий клас з'являється миттєво, без перезапуску збірки.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)ЗображенняJIT-компілятор у Tailwind відповідає за **миттєву генерацію класів "за вимогою"**, тобто він створює CSS-стилі **тільки для тих utility-класів, які реально трапляються в проєкті**, і робить це *під час розробки*, а не заздалегідь. --- ### **Навіщо це потрібно** До JIT Tailwind генерував величезний CSS з усіма можливими утилітами. Після появи JIT підхід змінився: | Було (старий режим) | Стало (JIT) | |---|---| | генеруються **всі** утиліти заздалегідь | генерується **тільки те, що використовується** | | великий підсумковий CSS | мінімальний CSS | | немає миттєвої реакції на нові класи | новий клас з'являється **миттєво** | --- ### **Що конкретно робить JIT** **1. Генерує стилі "на льоту"** Щоразу, коли в HTML/JSX/Blade/Vue тощо з'являється новий utility-клас, Tailwind одразу створює для нього CSS, без перезапуску збірки. **2. Підтримує довільні значення** Можна писати так, і JIT згенерує правило автоматично: ```html <div class="w-[37%] bg-[#3b82f6] mt-[13px]"></div> ``` У старому режимі це було неможливо. **3. Сильно зменшує підсумковий CSS** Тому що JIT не генерує "сміття" - тільки те, що реально використовується. **4. Прискорює розробку** Оновлення з'являються миттєво, без очікування довгої перекомпіляції. --- ### **Як працює пайплайн JIT усередині** ```javascript Ти змінюєш HTML/JSX/шаблон ↓ JIT сканує класи ↓ Генерує недостатні утиліти ↓ PostCSS виконує решту плагінів (автопрефікси / мінімізація) ↓ Оновлений CSS віддається браузеру ``` --- ### **Підсумкове визначення** > **JIT у Tailwind - це компілятор, який генерує CSS-правила динамічно, тільки для використовуваних класів, миттєво оновлюючи результат при змінах у проєкті.** Якщо потрібно, можу продовжити з питаннями про Purge, конфіг Tailwind, його плюси/мінуси або best practices.Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.