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

https://github.com/addyosmani/grunt-uncss

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:

grunt.loadNpmTasks('grunt-uncss');

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
https://www.facebook.com/cognitivesurge

Follow me on Twitter (Feel free to tweet me questions!)
https://twitter.com/karlhadwen