django tailwind css code example

Example 1: tailwindcss with django

cd your-django-folder; mkdir jstoolchain; cd jstoolchain
npm install tailwindcss postcss-cli autoprefixer
npx tailwind init
touch postcss.config.js

"build": "postcss css/tailwind.css -o ../your-django-folder/your-path-to-static/css/tailwind-output.css",

module.exports = {
    plugins: [
        require('tailwindcss'),
        require('autoprefixer')
    ]
}

mkdir css; touch css/tailwind.css

<head>
  <link rel="stylesheet" href="{% static "css/tailwind-output.css" %}">
</head>