Tailwind css is not working in angular components

Question

I have implemented tailwind css inside my angular project. Tailwind css is working at root level in project, but it is not working in the scss placed inside any components. Do I have to build every scss file inside the components? or is there any permanent solution for that?

Answer 1

Update

Finally in Angular CLI v11.2 now supports tailwind out of the box

# install tailwind
npm install --save tailwindcss
# create `tailwind.config.js`
npx tailwindcss init

Then disable view encapsulation of the component