django tailwind 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

Example 2: tailwindcss with django

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

Example 3: tailwindcss with django

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

Example 4: tailwindcss with django

mkdir css; touch css/tailwind.css

Example 5: tailwindcss with django

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