compile LESS into CSS, change links to point to the CSS files, remove less.js from page
Grunt plugin for lessless, a tool that compiles LESS into CSS, changes links to point to the CSS files, removes less.js from HTML page(s). Very handy when you're using less.js in the browser but want to deploy CSS.
Install this grunt plugin next to your project's Gruntfile with:
npm install grunt-lessless
Then add this line to your project's Gruntfile:
Add this to your Gruntfile.js:
If you're using RequireJS then
buildDir should match
dir from your requirejs settings. With grunt you can even point to the same variable:
lessless:buildDir: '<%= requirejs.compile.options.dir %>'
There are also two optional settings:
lessless:buildDir: 'path/to/frontend-build'styleDirs: 'path/to/my/extra/styles' //directories to look in for imports. usually don't need since any folder containing a .less file gets added to this automaticallystripExtensions: 'jsp' 'html' //file extensions that have links to .less files. Defaults to just .html files.
So a Java project would typically set
['jsp', 'html'] and a .NET project would set it to
0.1.0 initial release.
Copyright (c) 2012 Dave Geddes
Licensed under the MIT license.