tailwindcss-setup-examples icon indicating copy to clipboard operation
tailwindcss-setup-examples copied to clipboard
verified publisher icon tailwindlabs

Svelte setup example not working

Open ghost opened this issue 6 years ago • 8 comments

First issue: Running "dev": "run-p start:dev autobuild watch:build" results in ERROR: Task not found: "watch:build". Changing watch:build to --watch:build fixes this.

Second issue: To see the result of applying tailwind classes live in the browser, everything needs to be rebuilt by running the build script—I assume that's not the intended behavior.

ghost avatar Sep 30 '19 03:09 ghost

@dyslexicon or you can change it to "watch:tailwind". it will also work.

mayashavin avatar Oct 18 '19 11:10 mayashavin

I'm running into problems with it. For one, it shouldn't say that it's "really simple" because it really isn't -- just to set expectations. There also needs to be mention of "npm-run-all" being required.

rlaferla avatar Oct 28 '19 15:10 rlaferla

There is an article which shows how to set up Svelte with Tailwind that I used to great effect. I would update the readme to reflect that and make a pull request, but it doesn't seem like this repo is being monitored. So, here is the article: Using TailwindCSS with SvelteJS.

ghost avatar Oct 28 '19 15:10 ghost

Is the svelte example the same as you can use with Sapper?

quantuminformation avatar Nov 04 '19 17:11 quantuminformation

@QuantumInformation I believe the setup in the article I linked would work similarly with Sapper. Only one way to find out...

ghost avatar Nov 05 '19 18:11 ghost

This worked for me:

https://github.com/jakobrosenberg/sapper-tailwindcss-starter-minimal/commit/5ae1ba0f9a0a6b9de14a8e10330db0669127eb29

quantuminformation avatar Nov 05 '19 18:11 quantuminformation

i got frustrated following the instructions I almost punched my monitor in. especially it didnt mention you need to instal npm-run-all , had to Google the errors in my terminal . NPM RUN DEV doesnt work either.

Here's how you write a tutorial: ACTUALLY START FROM SCRATCH AND FOLLOW WHAT YOU WROTE!!!!

heliosnarcissus avatar Aug 13 '20 08:08 heliosnarcissus

One day I'll find the stack ... one day ...

Stack

I'm looking to build landing page (not a blog)

  • TailwindCSS V2
  • Svelte with a 3 pages template so I can understand the relations between the pages
  • AlpineJS
  • Easy to copy-paste TailwindUI examples
  • yarn && yarn dev && yarn build

optimizations I expect

  • purge css
  • minified css/html/js
  • image compression / resize to responsive key points
  • image easy loading
  • Lighthouse 100%, and more stuff that a framework should care for :)

CI

then CI everything via Github Actions (that's the part I'm good at) + CD

pascalandy avatar Jan 05 '21 17:01 pascalandy