search

themesberg / flowbite-react

Official React components built for Flowbite and Tailwind CSS
https://flowbite-react.com
MIT License
1.84k stars 411 forks source link

Add better messages around using Flowbite in monorepos #1454

Open mridang opened 1 month ago

mridang commented 1 month ago

Summary

When a CRA project using Flowbite is used in a monorepo setup e.g. NPM workspaces, the flowbite-react and flowbite packages get hoisted to the top-level node_modules folder. While the build (via npm run build), works as expected, the resultant CSS artifacts don't contain all the CSS.

This is documented in the library but requires a deep understanding of the CRA configuration to figure this out.

I suggest that better warnings be emitted or a exception be thrown if the required directory is missing.

https://github.com/themesberg/flowbite-react/blob/83e5583d978d8938be69e4cf51fe10d67b2e68e4/packages/ui/src/tailwind.ts#L4-L32

Context

I was trying to use React + Flowbite + Tailwind (using CRA) in a package which is a part of a NPM monorepo

SutuSebastian commented 1 month ago

That makes sense, I agree with ur suggestion.

I guess a section in the guides/create-react-app would also make sense here.