Нова версія фреймворку Tailwind CSS 4.0 пришвидшує збірку в 5 разів

Фреймворк з відкритим кодом Tailwind CSS оновлено до версії 4.0. За інформацією Devclass, новий реліз пришвидшує збірку в 5 разів, а для поетапних збірок зростання продуктивності досягає 100 разів.  

Tailwind CSS 4.0 отримав нові функції CSS і встановлення за допомогою єдиного оператора імпорту. Фреймворк тепер оптимізовано для локальних серверів розробки Vite JavaScript і TypeScript — він має власний плагін Vite, який пропонує «максимальну продуктивність і мінімальну конфігурацію». Принаймні, так запевняє розробник Tailwind Адам Ватан.

Ключовою особливістю цього популярного фреймворку, який має понад 81 000 зірок на GitHub, є новий механізм збірки під кодовою назвою Oxide. Цей движок на 35% менший, ніж раніше, і, хоча він здебільшого написаний на TypeScript, до його складу входять пакети, переписані на Rust (для виконання найскладніших операцій). Крім того, він використовує Lightning CSS — аналізатор CSS, який також написаний на Rust.

Для роботи з Tailwind CSS 4.0 потрібен найновіший веб-браузер: Chrome 120 або новіша версії, Safari 16.4 або новіша версія, чи Firefox 128 або новіша версія.

Використання фреймворку з Next.js або Angular вимагає наявності плагіна PostCSS або плагіна Vite для SvelteKit або Astro. Є також варіант використання Tailwind для Ruby on Rails і інструмент CLI (інтерфейс командного рядка) для використання Tailwind у будь-якому проекті.