Catégorie : CSS

Par facilité, installation avec PostCSS.

1) Dans ton IDE, ouvre le terminal au niveau de ton dossier racine.

initialisation du projet avec npm init -y

(le -y évite toutes les questions de mise en place du projet)

2) installation de tailwind

npm install -D tailwindcss postcss autoprefixer

3) création de tailwind et postcss

npx tailwindcss init -p

4) dans tailwind.config.js (quels fichiers observe t on ?) :

5) dans  ./style/input.css, on importe :

@tailwind base;

@tailwind components;

@tailwind utilities;

6) dans package.json, on va créer un script d'écoute de tailwind :

"script" :{

    "tail": "postcss ./src/input.css -o ./dist/output.css --watch"

}

7) On lance l'écoute dans le terminal

npm run tail

création de ./dist/output.css qui ne comprendra que ce qui est appelé !

Et ça, c'est top !

Libre à vous d'utiliser Tailwind tel quel

ou de le personnaliser, de créer des classes custom...