300+ free video programming tutorials ― Learn for free!

Grunt Tutorial - #10 - Compiling Less Files to CSS

Category: Grunt - Author: Karl Hadwen

Home > Grunt > Grunt Tutorial - #10 - Compiling Less Files to 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 brief description of less: Less is a CSS pre-processor, meaning that it extends the CSS language, adding features that allow variables, mixins, functions and many other techniques that allow you to make CSS that is more maintainable, themable and extendable. Read more: http://lesscss.org

Once you're familiar with that process, you may install this plugin with this command:

sudo npm install grunt-contrib-less --save-dev (drop the sudo if you're on Windows)

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


To run the task just type in the Grunt CLI the following: 'grunt less'.

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!)