[BUG] Classes not re-generating without full server restart in SSR frameworks

Minimal reproduction with steps:

https://github.com/AaronBeaudoin/unocss-issue-server-only

Description

UnoCSS classes in vite-plugin-ssr ~“server”~ pages ~(page files ending in .server.page.xyz)~ are generated once when the page is first loaded, but are not regenerated on file modifications. A full server restart is required to see the changes.

[brillout]

When using vite-plugin-ssr in HTML-only mode then uno.css is not imported from JavaScript. Instead it is directly injected into the HTML. (Which makes sense since HTML-only is about having no/minimal browser-side JavaScript.)

That said, it would still be possible for vite-plugin-ssr to inject uno.css from within a tiny JavaScript shell instead. So it’s fixable.

It’s low priority though since HTML-only is more of an experiment than something people actually use.

Although technologies such as React Server Components (which also have no/minimal browser-side JavaScript) will need a solution for that. For example, chances are that UnoCSS’s HMR also doesn’t work with Hydrogen.

I think we can close this ticket in favor of https://github.com/brillout/vite-plugin-ssr/issues/411.

Thanks for the ping.

[alping]

@AaronBeaudoin Unfortunately mode: "vue-scoped" doesn’t seem to work with Nuxt 3, which is also hinted at by TypeScript typing errors when using it with unocss inside defineNuxtConfig.

@antfu Thanks for the reply, I’ll do some more testing and get back with a new issue if it persists.