Test uncss to remove unused css

[ttomdewit]

Check out gulp-uncss.

[ttomdewit]

@roikles How did you like working with a feature like this?

[ttomdewit]

Close via 13b3cd7.

Substituted gulp-uncss with gulp-purifycss.

Make sure to have a play with it's settings in Gulpfile.js (Task 7).

[roryashfordbentley]

Hey @ttomdewit It took me a while to get it setup as I like. I use uncss to create a seperate stylesheet and then I do a diff of the main stylesheet vs the uncss stylesheet. By doing it this way I can see exactly what rules are not used rather than just removing them.

The reason I do this is to avoid having elements stripped from things like grid systems which may not be currently in use but eventually they might be.

[roryashfordbentley]

I should add I also switched to Purify, here is how I am currently using it: https://github.com/roikles/Flexbones/blob/master/tools/unused-css-rules.js

[ttomdewit]

Hey @roikles, thank you so much for your reply. I've configured Purify as a separate task (only runs when you gulp purify in your Terminal). It currently "reports" what selectors are not being used and I could use that to figure out what I could safely remove. I like your method better of creating a separate file and run a diff and see what needs removing.