Colon separated class bindings in Vue does not generate the expected class about tailwindcss HOT 2 OPEN

Hey! What's the situation that's causing you to run Tailwind against minified JS instead of against the original source files?

from tailwindcss.

Hey! What's the situation that's causing you to run Tailwind against minified JS instead of against the original source files?

Right, should've clarified! In our use-case we have a Vue components library which is tree-shaken and then consumed by 10+ applications which make up individual fragments of a website (usually called micro frontends). We then generate the css files for each application as it's built, by pointing the content prop in the tailwind config to the built js file of the application.

So one solution would definitely be to go against the source files, generate a components.css and then include that css with each application. However, this would cause a lot of css duplication on every single page.

I understand that this is a niche issue, and probably not a way you intended for it to be used, so I don't expect you to change the code to suite this need!

Can you see any other way to solve this while avoiding as much code duplication as possible? Or maybe come across someone solving using tailwind in a similar structure?

Thank you!

from tailwindcss.