twin.macro icon indicating copy to clipboard operation
twin.macro copied to clipboard

Tailwind + Styled Components + SWC (TurboPack) + NextJs (no babel)

Open MrOxMasTer opened this issue 1 year ago • 4 comments

Hello, there was such a problem that I wanted to combine tailwind and styled Components. I think, wow, there's even an instruction, but the problem is that it's for babel. I use Turbopack, but it does not support babel yet https://turbo.build/pack/docs/features/javascript , and I use a completely different way to add to extjs from the official website. https://nextjs.org/docs/app/building-your-application/styling/css-in-js#styled-components How can I combine Styled Components and tailwind without babel?

MrOxMasTer avatar May 21 '23 14:05 MrOxMasTer

I tried to use this instruction https://github.com/ben-rogerson/twin.examples/tree/master/next-styled-components-typescript

MrOxMasTer avatar May 21 '23 14:05 MrOxMasTer

It doesn't support SWC (TurboPack) currently. Please refer to: https://github.com/ben-rogerson/twin.macro/discussions/516 for more information.

MattCCC avatar May 29 '23 17:05 MattCCC

Hello, there was such a problem that I wanted to combine tailwind and styled Components. I think, wow, there's even an instruction, but the problem is that it's for babel. I use Turbopack, but it does not support babel yet https://turbo.build/pack/docs/features/javascript , and I use a completely different way to add to extjs from the official website. https://nextjs.org/docs/app/building-your-application/styling/css-in-js#styled-components How can I combine Styled Components and tailwind without babel?

Thanks for sharing this, exactly my problem

ojolowoblue avatar Jun 02 '23 01:06 ojolowoblue

Hello, there was such a problem that I wanted to combine tailwind and styled Components. I think, wow, there's even an instruction, but the problem is that it's for babel. I use Turbopack, but it does not support babel yet https://turbo.build/pack/docs/features/javascript , and I use a completely different way to add to extjs from the official website. https://nextjs.org/docs/app/building-your-application/styling/css-in-js#styled-components How can I combine Styled Components and tailwind without babel?

I would like to also find a way how to run it. This package is awesome.

DDeme avatar Jul 05 '23 13:07 DDeme