Post

What is a good way to render or compile a svelte component with vite that gets me an output with css like static-adapter regardless of compiler option css "injected" or "external"?

My idea is trying to use svelte like a template engine kinda

Why not set css injected then?

🧵Oh right, I forgot to mention, I'm using Astro for one part that is serving and hosting my portfolio which holds component I want to render, and another part is a npm package which does use injected to render

🧵but inorder to get output I have to run build on astro proj or run dev, which I noticed from output that the styles aren't populated

🧵also Astro doesn't seem to pickup styles from svelte if css is injected.

Sorry i don't get it...you can still use a svelte config in astro, furthermore css injected can also be set in the component itself. You can also use the `render` method to get the component html which include css in the head if you use css injected.

In astro if I set css injected in svelte config and render in an astro page the styles don't show (while running in dev at least). But I think that is an astro issue. The static adapter works for both injected or external css setting. I was wondering if there was a way to achieve that?

I would open an issue on astro instead of find a hacky way of doing that 😄

That's fair I probably should report anyways. I mean is sveltekit adapter static hacky? 😅

No, but I'm confused: weren't you using astro and wanted to achieve similar results to what adapter static gave you?

The styles are not in the html output tho: you need to look into retval.head

I make an html string and put head in head tag, so from my output if styles were in the head I could see that, but my head is relatively empty

Then I need a repro