SvelteKit with TailwindCSS JIT

This is highly experimental template as neither Svelte Kit nor TailwindCSS JIT are production ready.

Installation

npx degit reepolee/svelte-kit-tailwind-jit#main YOUR-APP-NAME
cd YOUR-APP-NAME
npm i
npm run dev -- --open

TailwindCSS

Tailwind classes and @apply statements are currently split between CSS and Svelte files and components, to test the behaviour of JIT.

Remarks

I've noticed Vite doesn't reload CSS on tailwind.config.cjs change. PostCSS catches the change but HMR doesn't occur.

Further reading

SvelteKit
TailwindCSS JIT
Svelte Adders