Конкат меньше файлов в один файл меньше

Question

Возможно ли это?

file1.less

@import "file2.less" 
@import "file3.less" 

.caller { 
    .mixin(); 
    width: @width; 
    height: @height; 
} 
.something-with-a-background { 
    background: url("@{images}/other-thing.png"); 
} 

file2.less

@import "file3.less" 
.mixin() { 
    @width: 100%; 
    @height: 200px; 
    background: url("@{images}/white-sand.png"); 
} 

file3.less

@images: "../img"; 

И есть эти ком забивной:

allFiles.less

// file3.less 
@images: "../img"; 

// file2.less 
.mixin() { 
    @width: 100%; 
    @height: 200px; 
    background: url("@{images}/white-sand.png"); 
} 

// file1.less 
.caller { 
    .mixin(); 
    width: @width; 
    height: @height; 
} 
.something-with-a-background { 
    background: url("@{images}/other-thing.png"); 
} 

Я просто хочу выход быть файлы объединяются вместе в правильном порядке, в зависимости от @import отчетности.

Что я пытаюсь сделать: Я хочу иметь возможность добавлять меньше файлов в каталог dist, чтобы люди могли использовать mixins/vars/etc. путем импорта моего меньшего файла. Но в разработке я не хочу, чтобы все они были в одном файле. Поэтому мне нужна сборка, которая разрешит импорт для меня.

Answer 1

Это не является необходимым, потому что вы можете просто сделать:

allFiles.less

@import "file3.less" 
@import "file2.less" 
@import "file1.less" 

и что будет иметь тот же эффект для тех, кто пытается сделать:

@import "allFiles.less" 

как будто все они были в этом файле. Спасибо @JeffWhelpley!