Option to output css into many files, one for each utility type as per the docs

[occupant]

Hi there,

First, I totally love PurgeCSS and the workflow, but I have a problem that the safelist doesn't cover very well. The need to recompile to add new things.

I have a set of templates (it's Drupal, so they're .twig, but not really important) and .js and .vue files that I build against. That's all well and good, but I also have some styles that are only in the database. This isn't unique to me I'm sure.

So, my options are:

• add a huge safelist and hope that no one tries to add any new utitlites without recompiling (this is the current approach)
• add a safelist.twig file and dump the classes I want in there (which requires a recompile and is really hacky and gross).

Would it be something that's useful to people who want to gradually opt into specific parts to also have tailwind output styles into bundles? So all flex classes (ie. flex.utilities.css), all grid classes, all background colour classes, etc, etc. Maybe even to a finer level of detail (ie. one page of the docs = one file).

HTTP2 means that I'm not really too concerned with concatenation and my application can do that anyway. And it could potentially solve my problem - I could add the bundles as needed- they could be imported individually for those who only want a subset of utilities or as part of a progressive rollout.

I have no idea how viable or useful this would end up being to everyone, but, if fine-grained enough, I think it could end up solving my problem quite nicely.