How to quickly remove unused css from a project?

Question

css

Hello! The project is built on middleman, it stores a bunch of sass files that have been living there for 2 years. Everything has come to a state where no one knows exactly what is being used and what is not. Who knows a way to quickly and painlessly clean everything? The project is always built before placement, i.e. I don't touch the compiled css.

Answer 1

There is a good answer here .
1. To find and remove unused css - there is uncss (under gulp/grunt)
2. To find unused variables in SASS/LESS - use a script like this one .
3. For debug'a - source map
The rest is minification , prefixes .

Answer 2

I use MinCss https://pypi.python.org/pypi/mincss Works very well. Adds already cropped css to daddy. It remains only to replace them on the site. I recorded a video where everything is clearly shown how to do what: https://www.youtube.com/watch?v=Vg7XvAJz7H4