Use with Vite?

[martpet]

I'm successfully using it with Vite, however the build creates a large css file, that includes all css from Spectrum, even unused css, not like with Create React App. Do you have any experience with Vite and do you know how to reduce the size of the css file?

[snowystinger]

I don't know off the top of my head, I haven't used Vite before. However, could you share a github repo that shows what you're doing? That we can build as well? That may be enough for one of us to be able to help. Not much we can do without that.

[martpet]

This example will automatically run the build. Check the size of the CSS in the terminal:
https://stackblitz.com/edit/vitejs-vite-zptqjp?file=src%2FApp.jsx&terminal=build

[reidbarber]

Took an initial look but didn't have any luck. My first guess would be adding some custom options to Dep Optimization Options in vite.config.js.

[CanRau]

Could anyone help/share how to get @adobe/react-spectrum working with Vite, please 🥺?

I tried ssr.noExternal and other configs but always get something like Unknown file extension ".css"

[reidbarber]

Here is a codesandbox that uses Vite and has React Spectrum working: https://codesandbox.io/p/sandbox/react-spectrum-vite-86lc7r

[CanRau]

interesting, there's nothing special, no config 😅
Use same react & vite versions, still get the .css error, maybe it's because of streaming ssr or sthg 🤔
Thanks for sharing anyway 🙏🏼

[kee-oth]

@CanRau I'm using react-spectrum with Astro and I'm getting the same error. Were you ever able to come up with a solution? Thanks!

[CanRau]

Unfortunately nothing so far sorry 🥺

[CanRau]

This works for me #5401 (comment)