300+ free video programming tutorials ― Learn for free!

Grunt Tutorial - #9 - Removing Unused CSS

Category: Grunt - Author: Karl Hadwen

Home > Grunt > Grunt Tutorial - #9 - Removing Unused CSS

Did you find this video helpful? If so, why not subscribe!? ? http://bit.ly/CognitiveSurge

The best shared web hosting: https://www.bluehost.com/track/karlhadwen/

The best simple cloud hosting for developers: https://m.do.co/c/426ceabcea09


A grunt task for removing unused CSS from your projects with UnCSS.

What it can do: Take a multi-page project using Bootstrap with 120KB of CSS down to 11KB.

You may install this plugin with this command:

sudo npm install grunt-uncss --save-dev (drop the sudo if you're using Windows).

Once the plugin has been installed, it may be enabled inside your Gruntfile with this line of JavaScript:


To run the task just run 'grunt uncss'

Want to stay up to date with commonly asked questions & answers, or how about a monthly digest of useful resources that I've found online? Go ahead and sign up to the Cognitive Surge community mailing list here: http://eepurl.com/bG93vz

Like the Cognitive Surge Facebook page

Follow me on Twitter (Feel free to tweet me questions!)