Implement support for delta between multiple files about grunt-uncss HOT 4 CLOSED

That's really why I haven't created a grunt task for this yet. I've had the idea multiple times, but there are some hurdles to overcome I didn't want to deal with.

This is an easy task for static sites, but get's a lot harder when we talk about front-end web apps. You could merge all the CSS files, but you'd still not be entirely sure what rules are being used or not, since you can't programmatically detect all scenarios, even with PhantomJS. Eg. some jQuery plugin that injects classes, etc. And that is going to lead to a lot of confused people with a lot of edge case bugs. I might be thinking inside a box right now, but I can't see any good 100% solution right now.

And if you concatenate the CSS you'll also have to deal with sourcemaps, since most css probably comes from a preprosessor.

Would love a solution for this though as I'm lazy and want the computer to remove moot rules for me.

from grunt-uncss.

The latest version of the task works against multiple files. We're also exploring using PhantomJS to capture the SPA use-cases better over in https://github.com/giakki/uncss/tree/phantomjs.

from grunt-uncss.

I realize this issue has been closed for quite a while, but is there any update for those of us who are trying to fit grunt-uncss into our SPAs? I've got a Durandal app that could greatly benefit from adding this to the build process, but a quick test shows that it removes a lot of necessary styles.

from grunt-uncss.

We've since added support for Phantom. Here's a quick Angular example, although it is a few months old: https://github.com/JeremyCarlsten/grunt-uncss-angular-example. In most cases you will want to use the timeout option specified here https://github.com/addyosmani/grunt-uncss#options to allow your styles to fully load (if they are dynamically being pulled in).

If they require user-interaction in order to display (e.g click a button for a panel to slide out) I recommend isolating that CSS into a stylesheet you ignore UnCSS from processing.

from grunt-uncss.