atoko
Component Library SSG
I'm having trouble with CSS imports on SSG. I have HonoX app that i'm trying to add Cloudscape components to. I've got it working on the React renderer, and the build itself works on dev mode.
However, on building with SSG, it errors at the first Cloudscape import, because the css module cache returns an undefined. Cloudscape does a lot of internal CSS imports, which should (and do) work. It is only with the SSG plugin.
Fine, i would ship dist/index.js and run in server-mode, but if I run without SSG plugin, I get a blank page?? (I would prefer SSG for this project)
---
So I ask, what is the best way to handle a 3rd party component library? I played with externals/noExternals but it's good to have guidelines. I had to external 2 packages that were using the modules keyword, but other than that it worked fine until it needed to build in prod mode.
---
Additional context:
I also tried including the referenced CSS paths directly in input, so they would appear in the client manifest, but no luck. These CSS are not exports so Vite would not reference them in an input even with the full path.
I tried the css and manifest settings, no avail. Any help? The error message comes from vite:css-post, and it just says that it can't find the referenced CSS file.
Any thoughts?
2 replies