create-t3-turbo adding tailwind to additional packages
I've figured this out in past versions but running into a wall here.
- added a new package (used the generator)
- added the same deps and dev deps that the ui package uses for tailwind
- added the same tailwind.config.ts from ui
- added the package to the next.config.ts => transpilePackages array
- installed the package into the next project
My component imports and loads in the nextjs project, but only tailwind classes used in the nextjs or ui projects are being compiled/included.
E.g. if className="bg-red-500" is in my @acme/custom-component the class is not added to the style sheet, but if I add bg-red-500 to any component in @acme/nextjs or @acme/ui suddenly it works in my custom-component package as well.
Solution:Jump to solution
Found it. I missed adding it to the
apps/nextjs/tailwind.config.ts in the content array.1 Reply
Solution
Found it. I missed adding it to the
apps/nextjs/tailwind.config.ts in the content array.