PostCSS

CSS-in-JS 🟡 Mid

Definition

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.

Termes lies

#styling#interview#css-in-js