'Styling issues in monorepo with Turborepo, SvelteKit and Tailwind

I’ve created a monorepo with Turborepo that contains 2 SvelteKit apps and 2 packages: a component library (which is also based on SvelteKit) and a configuration package.

root
|
|- packages
|   |- component-library
|   `- config
|
`- apps
    |- app1
    `- app2

The config package contains the Tailwind and PostCSS config files, which are used in the component library and both apps.

My issue is that components imported from the component-library are displayed correctly in app1 but appear to have issues with Tailwind classes in app2. Some classes are present but some are not. I’m using Tailwind in JIT mode.

Versions of used packages:

"turbo": "^1.2.4",
"svelte": "^3.34.0",
"@sveltejs/kit": "1.0.0-next.316",
"tailwindcss": "3.0.23",

I’m not even sure if this is because SvelteKit, but if anyone has experience with a similar Turborepo-SvelteKit-Tailwind setup I would appreciate some help.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source

'Styling issues in monorepo with Turborepo, SvelteKit and Tailwind

Sources

Related Questions