我应该如何在 Angular v13 中提取 @angular/material css 文件？

Question

• In my Angular[v13] project, I used @angular/material . I also want to use tailwindcss .
• but @angular/material css is a style tag in head. so tailwindcss is not working.
• Now i want to extract @angular/material css file. Or is there any way to solve this problem

Answer 1

To solve this issue, be sure to activate important flag on tailwindcss config, in order to automatically mark all css class with !important clause .

So every predefined classes of TailwindCSS will override @angular/material styles.

tailwind.config.js:

module.exports = {
  ...
  important: true,
  ...
};