Skip to main content

Tailwind+Vite Setup

Source: tailwindcss.com/docs/guides/vite

install tailwind deps

npm install -D tailwindcss postcss autoprefixer

Gen config files

npx tailwindcss init -p

Add template files to tailwind.config.cjs 

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

Add Tailwind Directive to main CSS

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

References​