wrapper/tailwindcss
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

Fix style config resolution during SSR

Browse source
This commit is contained in:
Jordan Pittman 2024-12-02 15:58:48 -05:00
parent 89f291c007
commit 8e3cdc3531
1 changed files with 16 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

16
packages/@tailwindcss-vite/src/index.ts
View file

@ -42,15 +42,31 @@ export default function tailwindcss(): Plugin[] {
conditions: ['style', 'development|production'],
tryIndex: false,
preferRelative: true,
// If the `ssr.resolve.conditions` config option is set it overrides the
// `conditions` option above when building for SSR. As a result, we may
// resolve to JS files instead of CSS files. To work around this we use
// `ssrConfig` to ensure correct behavior during SSR.
//
// This workaround is for Vite 5.x. Vite 6.x works correctly without
// this setting but keeping it around does not break anything.
ssrConfig: {
resolve: {
conditions: ['style', 'development|production'],
},
},
})
function customCssResolver(id: string, base: string) {
return cssResolver(id, base, false, isSSR)
}
let jsResolver = config!.createResolver(config!.resolve)
function customJsResolver(id: string, base: string) {
return jsResolver(id, base, true, isSSR)
}
return new Root(
id,
() => moduleGraphCandidates,