Vite + Styled Components Example

[seanmcquaid]

More of a request but is there any chance we can get an ideal example for using Styled Components with Vite? I tried my hand at it but would love to see something here to go off of.

[seanmcquaid]

Update on this, might have a working example that follows some previous code ya'll added! Going to try and contribute an example for this when I get some time

[Amadeo-Frontend]

this one works for me
import react from '@vitejs/plugin-react';
import { defineConfig } from 'vite';

// https://vitejs.dev/config/
export default defineConfig({
plugins: [
react({
include: /.(jsx|tsx)$/,
babel: {
plugins: ['styled-components'],
babelrc: false,
configFile: false,
},
}),
],
});

[SilencerWeb]

@seanmcquaid hey, have you figured out how to make Remix + Vite work with styled-components?

[seanmcquaid]

I did! Here are the links to the entry.server.tsx + root.tsx files, it was really just following what was already in place.

https://github.com/seanmcquaid/remix-unstable-vite-playground/blob/main/app/entry.server.tsx#L38-L55

https://github.com/seanmcquaid/remix-unstable-vite-playground/blob/main/app/root.tsx#L37