tailwind.config.js

Definition

Fichier de configuration central de Tailwind. Definit le theme (couleurs, tailles), les content paths, les plugins et les personnalisations du framework.

Analogie

Le tableau de bord de ta voiture : tu regles tout depuis un seul endroit.

Exemple de code

module.exports = {
  content: ['./src/**/*.{js,tsx}'],
  theme: {
    extend: {
      colors: { brand: '#FF6B35' },
    },
  },
  plugins: [require('@tailwindcss/typography')],
}

Cas d'usage

Personnaliser les couleurs, fonts et breakpoints du projet pour matcher la charte graphique.

Anti-pattern

Termes lies