grunt-easy-less

Easier less task for grunt

grunt-easy-less

Grunt task to compile Less to CSS.

This just has very simple feature, then can be used with less writing. If you want to configrue options more, use grunt-contrib-less, awesome grunt task as official.

npm install grunt-easy-less

The simplest way to add task.

grunt.loadNpmTasks("grunt-easy-less");
 
grunt.initConfig({
    ezless : {
        options : {
            lessPath : "./assets/less",
            cssPath : "./assets/css"
        }
    }
});

ezless search the *.less files in ./assets/less (not recursively), compile them to css, and save as the same name in ./assets/css directory.

For example, if you have Less files in lessPath as below,

assets/
    less/
        foo.less
        bar.less

Compiled css file will be saved as below.

assets/
    css/
        foo.css
        bar.css

If you want to specify the less file to compile, or want to compile the less files in sub-directories, use less option.

grunt.initConfig({
    ezless : {
        options : { ... },
        less : [
            "foo.less",
            "path/to/bar.less"
        ]
    }
});

The path must be relative from options.lessPath. If less list is not blank, files not specified in the list will be ignored.

  • lessPath : String ("less") - The path to less directory
  • cssPath : String ("css") - The path to css directory
  • verbose : Boolean (true) - Show the message log or not
  • compress : Boolean (true) - Compress the css file or not

mach3