An initial template with Sapper 0.28.0, Svelte 3.17.3 and Tailwind CSS 1.8.6 updated to September 25th, 2020
Because there are a lot of posts and reference working but with old versions. This is only another alternative more, trying to use newer versions (that soon will be old too).
Run the commands:
npx degit csaltos/sapper-svelte-with-tailwindcss app1 cd app1 npm i npm run dev
And open the browser at http://localhost:3000 to see a Sapper page done with Svelte using a Tailwind CSS sample.
At https://github.com/csaltos/sapper-svelte-with-tailwindcss you will find the source code as a reference which is based on the original Sapper with Svelte template.
Please take special attention to the commit at dc251b6 which contains the exact change details to activate Tailwind CSS.
This template is possible thanks to many posts and reference from:
- https://github.com/dan-unhuman/sapper-template-rollup-tailwind (special thanks to dan for this cool solution used on this version 2)
IMPORTANT: obviously this is only a starting point, please review TailwindCSS documentation for further steps.
NOTE: you may also use Smelte which comes already configured with TailwindCSS and cool Material components with Sapper and Svelte here -> https://smeltejs.com/