Join two .less files into one css file

Question

When working with lesscss I would like to join two or three .less files into one super css file.

I know that you can do it using some little rub

Answer 1

You can use import, similar to how you can in a regular CSS file.

@import "reset";
@import "config";
@import "header";
@import "forms";

Taken from this SO post. It's also mentioned in the "Importing" section of the Less Documentation.

Answer 2

Simple solution:

1. Create a main.less file and open it (name it as you like)

2. Import your other css and less files via @import

   • @import "filename.less"; for less files

   • @import "filename.css"; for css files.

3. Compile your main.less file and just include this main.css in your site

4. Smile :)