How do I compile a directory full of less css files to css?

Question

I have a directory full of less css files. What is the best way to compile them to normal css? (for deployment)

Id like to run a command as follows:

lessc -r less/ css/ 

where lessc is the less compiler (installed via node package manager)

Answer 1

The way to do this is what bootstrap does - have a file which imports all the others and compile that.

@import "variables.less";  @import "mixins.less"; 

Answer 2

You can use the following bash one-liner to compile and all less files in a directory and its subdirectories into a single css file "combined.css":

$ find less_directory/ -name '*.less' -exec lessc {} \; > combined.css 

Or minified for production:

$ find less_directory/ -name '*.less' -exec lessc -x {} \; > combined.css