Moteur Oxide (Tailwind v4)

Définition

Moteur de Tailwind v4.0 (22 janvier 2025) réécrit en Rust avec Lightning CSS : d'après l'annonce, builds complets 3,78× plus rapides et rebuilds incrémentaux sans nouveau CSS 182× plus rapides. Il gère lui-même @import, les préfixes vendeur et l'imbrication native, ce qui rend Sass/Less/PostCSS-nesting inutiles. Il cible Safari 16.4, Chrome 111 et Firefox 128 minimum, car il repose sur @property et color-mix().

Analogie

Remplacer le moteur d'une voiture par un bloc moderne : même carrosserie, démarrage instantané.

Exemple de code

# CLI v4 (paquet renommé)
npx @tailwindcss/cli -i src/app.css -o dist/app.css --watch

# Vite : @tailwindcss/vite ; webpack : @tailwindcss/webpack (v4.2)
# PostCSS : @tailwindcss/postcss

# Migration automatique v3 → v4 (Node 20+)
npx @tailwindcss/upgrade

Cas d'usage

Comprendre pourquoi v4 abandonne le préprocesseur et quels navigateurs anciens (Safari < 16.4) excluent le passage à v4.

Anti-pattern

Termes liés

Sources

• tailwindcss.com/blog/tailwindcss-v4
• tailwindcss.com/docs/compatibility
• tailwindcss.com/blog/tailwindcss-v4-3