Post

Using @tailwindcss.com v4 with @angular.dev in an Nx monorepo? Your production CSS might be bloated 👀. Here's how to fix it with `@source` directives + automate it with Nx sync generators Here's the blog (with video included) nx.dev/blog/setup-...

nx.devConfigure Tailwind v4 with Angular in an Nx MonorepoLearn how Tailwind CSS v4 scanning works with Angular in Nx monorepos, why you may have bloated CSS, and how to optimize it with @source directives and Nx Sync Generators.

14/1/26, 3:30 pm4 reposts9 likes

Or if you’d prefer to skip straight to the video: youtu.be/plpniZ7HkSA

youtube.comTailwind v4 in Angular Nx Workspaces: Fix Your Bloated CSS OutputTailwind v4 scans your entire Angular + Nx monorepo by default, resulting in bloated CSS with unused styles. Learn how to optimize your Angular Nx workspace ...

If you're using React + Vite in an NPM workspace, you might want to check this article on the same topic: nx.dev/blog/setup-...

nx.devConfigure Tailwind 4 with Vite in an NPM Workspace: The Complete GuideLearn how to set up Tailwind CSS v4 with Vite in an NPM workspace monorepo, and automate your configuration with Nx Sync Generators for optimal performance.