PostCSS
CSS-in-JS 🟡 MidDefinition
Outil de transformation CSS via plugins. Pas un preprocesseur mais un pipeline : chaque plugin transforme le CSS (autoprefixer, nesting, custom properties). Tailwind est un plugin PostCSS.
Analogie
Une chaine de montage : chaque poste (plugin) ajoute une transformation au CSS brut.
Exemple de code
// postcss.config.js
module.exports = {
plugins: [
require('tailwindcss'),
require('autoprefixer'),
require('cssnano')({ preset: 'default' }),
]
}
Cas d'usage
Configurer le pipeline de transformation CSS : prefixes, minification, Tailwind, nesting.