PostCSS

CSS-in-JS 🟡 Mid

Définition

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 chaîne 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 : préfixes, minification, Tailwind, nesting.

#styling#interview#css-in-js

← → au clavier pour passer d'une fiche à l'autre