Tailwind+PostCSS Setup

Install deps

npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init

Add Tailwind to postcss.config.js

module.exports = {
  plugins: {
    tailwindcss: {},
    autoprefixer: {},
  }
}

Add Template Path to tailwind.config.cjs

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./src/**/*.{html,js}"],
  theme: {
    extend: {},
  },
  plugins: [],
}

Add tailwind directive to main input css

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

Add output css to root HTML

<link href="/dist/main.css" rel="stylesheet"\>

References