Skip to content


Subversion checkout URL

You can clone with
Download ZIP
Compile LESS files to CSS.
JavaScript CSS

This branch is 182 commits behind master

grunt-contrib-less Build Status

Compile LESS files to CSS.

Getting Started

Install this grunt plugin next to your project's grunt.js gruntfile with: npm install grunt-contrib-less

Then add this line to your project's grunt.js gruntfile:



Inside your grunt.js file add a section named less. This section specifies the files to compile and the options passed to LESS.


files object

This defines what files this task will process and should contain key:value pairs.

The key (destination) should be an unique filepath (supports grunt.template) and the value (source) should be a filepath or an array of filepaths (supports minimatch).

As of v0.3.0, you can use *.{ext} as your destination filename to individually compile each file to the destination directory. Otherwise, when the source contains an array of multiple filepaths, the contents are concatenated in the order passed.

options object

This controls how this task (and its helpers) operate and should contain key:value pairs, see options below.


paths string|array

This specifies directories to scan for @import directives when parsing. Default value is the directory of the source, which is probably what you want.

compress boolean

If set to true, the generated CSS will be minified.

yuicompress boolean

If set to true, the generated CSS will be minified with YUI Compressor's CSS minifier.

Config Example

less: {
  development: {
    options: {
      paths: ["assets/css"]
    files: {
      "path/to/result.css": "path/to/source.less"
  production: {
    options: {
      paths: ["assets/css"],
      yuicompress: true
    files: {
      "path/to/result.css": "path/to/source.less"

Task submitted by Tyler Kellen.

Something went wrong with that request. Please try again.