DEV Community

Discussion on: Setup TailwindCSS in Angular the easy way

View post
Collapse
 
kristher1619 profile image
Kristher Vidal • • Edited

Thank you for this wonderful tutorial. I tried this using default setup and it is working.

However when tried it using multiple application setup but it doesn't work when I apply the tailwind classes directly in the html files. Although it does work when using @apply in the scss. files

This does not work

<div class="tw-font-bold">
Enter fullscreen mode Exit fullscreen mode

This work

div {
   @apply tw-font-bold;
}
Enter fullscreen mode Exit fullscreen mode
Collapse
 
devpato profile image
Pato Angular •

you mean a monorepo?

Collapse
 
kristher1619 profile image
Kristher Vidal •

Yes. 1 Angular Workspace with multiple projects.

Thread Thread
 
kristher1619 profile image
Kristher Vidal •

Finally got it to working..

First I enabled purge mode while on develop environment. Also I am linking to the wrong directories.

So for monorepo with multiple projects, purge directory should point inside the projects directory

....
 purge: { enabled: true, content: ["./projects/admin/src/**/*.html", "./projects/admin/src/**/*.ts"] },
....
Enter fullscreen mode Exit fullscreen mode


`