I'm using Blazor with TailwindCSS. Can I make tailwindcss scan components that are in a RCL?

Question

Currently, I have my tailwind.config.js set up to scan for files that contain tailwind class names.

module.exports = {
  mode: "jit",
  content: ["**/*.razor", "**/*.cshtml", "**/*.html", "**/*.razor.css"],
  theme: {},
  variants: {},
  plugins: [],
}

I am trying to reference the components in my RCL which also contain tailwind classes so I can generate one CSS file.

I have already tried to work with two CSS files and configs. One for the Blazor project and the other for the RCL. But as a results, I get both the CSS files overriding each other on certain components.

But since RCLs get compiled into DLLs I have no clue where to start to reference the RCL components for tailwindcss to scan.

kissu · Accepted Answer · 2022-12-28 21:34:12Z

1

+50

Add the path to your Razor Class Library (RCL) in Tailwind content directly, if you haven't done it already

module.exports = {
  mode: "jit",
  content: [
    "**/*.razor",
    "**/*.cshtml",
    "**/*.html",
    "**/*.razor.css",
    "PATH/TO/RCL/components/**/*"
  ],
  theme: {},
  variants: {},
  plugins: [],
}

edited Dec 28, 2022 at 21:34

kissu

47.3k16 gold badges94 silver badges196 bronze badges

answered Dec 28, 2022 at 21:21

Ali Zadeh

1236 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Pavlos Over a year ago

Would this work with a relative path?

Collectives™ on Stack Overflow

I'm using Blazor with TailwindCSS. Can I make tailwindcss scan components that are in a RCL?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related