Comment utiliser Tailwindcs avec Django?

Question

Comment utiliser toutes les fonctionnalités de TailWindcs dans A Django (non seulement le CDN), y compris un flux de travail propre avec le rechargement automatique et la partie PURGECSS pour être prête à la production?

Lorsque Googling, j'ai trouvé un python package nommé Django-Hailwind mais cela ne m'a pas vraiment aidé dans le processus.

Answer 1

1. Allez dans votre dossier souhaité pour l'installation. Dans mon cas:

 mkdir static/css/tailwind

 cd static/css/tailwind

2. Créer un package.json:

npm init -y

3. Installez Tailwind via NPM:

npm i tailwindcss

4. Créez un fichier CSS et ajoutez du code à partir de Documentation officielle sur le wwnwind :

@tailwind base;
@tailwind components;
@tailwind utilities;

5. Open Packack.json et apportez cette modification aux "scripts":

  "scripts": {
    "build:css": "tailwind build tw.css -o ../tailwind.css"
  },

6. Exécutez le script écrit

npm run build:css

tw.css est l'emplacement du fichier que nous avons créé en 4ème étape. Et ../tailwind.css est l'emplacement du fichier que nous voulons que le centre d'emballage CSS soit émis. Donc, après avoir exécuté cette commande, nous aurons un tailwind.css Fichier avec la base d'emballage, les composants et les utilitaires.