Объедините два файла .less в один файл CSS

Question

При работе с lesscss я хотел бы объединить два или три файла .less в один super css файл.

Я знаю, что вы можете сделать это, используя немного магии рубина , но я хотел бы знать, есть ли что-то простое в меньшем движке?

Answer 1

Вы можете использовать import, аналогично тому, как вы можете использовать обычный файл CSS.

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

Взято из этого ТАК сообщения .Это также упоминается в разделе «Импорт» документации Less .

Answer 2

Простое решение:

1. Создайте файл main.less и откройте его (назовите его как хотите)

2. Импортируйте другие файлы CSS и меньше с помощью @import

   • @import "filename.less"; для меньшего количества файлов

   • @import "filename.css"; для CSS-файлов.

3. Скомпилируйте файл main.less и просто включите этот файл main.css на свой сайт

4. Улыбка :)