Hello, has anyone managed to set up Tailwind v4 on TanStack Start? Because for me, it works in the dev environment but not in the build environment
#Tailwind v4 on TanStack Start
agile jasper
gleaming girder
@agile jasper you need to specifiy the root for tailwind to scan your classes, in your styles.css
@import "tailwindcss" source("../")
vivid summit
since i didn't know this; sharing - https://tailwindcss.com/docs/detecting-classes-in-source-files#setting-your-base-path
hollow jay
awesome thank you guys @gleaming girder @vivid summit ♥️
agile jasper
thanks, I found another solution :
// app/routes/__root.tsx
import appCss from "../styles/styles.css?url"
export const Route = createRootRoute({
head: () => ({
meta: [
{
charSet: 'utf-8',
},
{
name: 'viewport',
content: 'width=device-width, initial-scale=1',
},
{
title: 'TanStack Start Starter',
},
],
links: [
{ rel: "stylesheet", href: appCss },
],
}),
component: RootComponent,
notFoundComponent: () => <div>Not Found</div>,
})
civic trout