trim ibex
Anyone ever had to implement styled-jsx (React) and Vite?
Vite doesn't know how to properly compile styled-jsx so it barfs up ugly non-styled code. Is there a plugin anyone knows about or some fancy trick to get it to compile correctly? Trying to get it to work correctly.
I am wondering if I'll basically need to use Babel's compiler / plugin to get it to work right. That wouldn't be fun though. 😦
Old issue here, but someone who's struggling with it. I've tried searching the interwebs, but there doesn't seem to be a lot of info, nor does there seem to be a styled-jsx plugin for vite.
I might even be willing to write that plugin if that's what needs to happen.
neon granite
Should be able to use the react-swc plugin for Vite and then add the styled-jsx swc plugin.
https://github.com/vitejs/vite-plugin-react-swc#plugins
The swc plugin is called @swc/plugin-styled-jsx
If using just plugin-react for Vite, you can pass babel plugins to the plugin instead
https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md#babel-configuration
trim ibex
Oh thank you thank you, I'll look into this!