Как мне скомпилировать каталог, полный меньше файлов CSS для CSS? - PullRequest
Новая
       6

Как мне скомпилировать каталог, полный меньше файлов CSS для CSS?

46 голосов
/ 17 апреля 2011

У меня есть каталог с меньшим количеством CSS-файлов. Каков наилучший способ скомпилировать их в нормальный CSS? (для развертывания)

Я хотел бы выполнить команду следующим образом: 

lessc -r less/ css/

где lessc - компилятор less (устанавливается через менеджер пакетов узла)

Ответы [ 14 ]

0 голосов
/ 21 июля 2018

Если вы хотите скомпилировать все файлы LESS в дерево папок и подпапок в Windows.Следующее решение использует пакетный файл в Windows:

Файл compile-less.bat: @echo<br> cd ".\pages" for /r %%i in (*.less) do call lessc --clean-css "%%~i" "%%~dpni.min.css" cd ..

РЕДАКТИРОВАНИЕ: Тем более файл в папке и подпапкахбудет скомпилировано.Протестировано в Windows 10 и 8.1

0 голосов
/ 12 июля 2017

То, как я скомпилировал меньше файлов в соответствующие CSS-файлы в текущем дереве папок: 

find ./ -name '*.less' -type f -exec lessc {} {}.css \; -exec rename -f 's/.less.css/.css/' {}.css \;

Например, если у вас есть main.less где-то в дереве папок, вы получите main.cssв той же папке.

Но для установки требуется команда rename.Чтобы установить его с помощью Homebrew: 

brew install rename
0 голосов
/ 15 июня 2016

Вот идеальное решение.

Шаг 1. Создайте новый файл .less, содержащий оператор @import для каждого из ваших существующих файлов .less. 

find less_directory/ -name '*.less' -exec echo "@import \"{}\";" \; > combined.less

Шаг 2: Скомпилируйте объединенный файл .less. 

lessc combined.less > compiled.css
0 голосов
/ 22 апреля 2013

Просматривая все остальные ответы, ни один из них не помог мне.Я нашел хорошее решение, чтобы справиться с моей ситуацией с помощью комбинации ответов.

Сначала вы компилируете все меньше файлов в один файл меньше.Это потому, что это может привести к ошибкам (как при начальной загрузке). 

cat less_directory/* > less_directory/combined.less

Теперь, когда у вас на 1 файл меньше, вы можете скомпилировать этот файл css без каких-либо проблем: 

lessc less_directory/combined.less > css/style.css

После этого не забудьте выбросить комбинированный .less, иначе это может испортить следующую компиляцию. 

rm -f less_directory/combined.less

Вы можете автоматизировать этот процесс, сделав его пакетным скриптом

Страница:
...