В LESS CSS я могу получить LESS для просмотра кучи файлов, но скомпилировать другой файл, когда они меняются?

126
12

У меня есть несколько файлов LESS, которые все импортируются в один мастер файл (styles.less). Моя проблема на данный момент: когда я вношу изменения в один из дочерних файлов, я должен сохранить style.less, чтобы скомпилировать его в CSS.


Есть ли способ, с помощью которого я могу запросить меньше контролировать дочерние файлы, но только скомпилировать родительский?


Cheers,
Объявление

спросил(а) 2021-01-19T14:48:17+03:00 6 месяцев, 1 неделя назад
1
Решение
126

Я нашел решение для моей проблемы, но это было бы здорово для большинства.


Как я нахожусь на Mac, я выбрал less.app(http://incident57.com/less/), он использует less.js для компиляции меньше для вас, Несколько дней назад они добавили новую функцию:

НОВАЯ ФУНКЦИЯ: "обратный анализ @import". Если у вас есть файл X, который импортирует другой файл, Y, и вы вносите изменения в Y, X теперь будет автоматически перекомпилировать, когда вы сохраните Y (если включена автоматическая компиляция). Эта функция автоматическая; нет ничего, чтобы включить или подключить. В результате компилятора вы увидите "вызванный: X".



Оказывается, это работает очень хорошо. Надеюсь, это поможет кому-то!

ответил(а) 2021-01-19T14:48:17+03:00 6 месяцев, 1 неделя назад
100

Я взломал bash script lesswatch (он не поддерживает "обратный анализ @import" ), который использует watchdog, чтобы прослушать события изменения файла и lessc для компиляции в CSS. Я написал короткое сообщение в блоге об этом сегодня.

ответил(а) 2021-01-19T14:48:17+03:00 6 месяцев, 1 неделя назад
78

Там есть вилка less.js, которая отслеживает изменения файлов и даже все файлы, включенные через @import (например, принятый ответ выше):


https://github.com/wvl/less.js



Автор less.js не хочет опции -watch старой рубиновой версии, поэтому эта вилка может быть вашим лучшим вариантом на данный момент. Через node.js он может работать на всех платформах.

ответил(а) 2021-01-19T14:48:17+03:00 6 месяцев, 1 неделя назад
64

Вы можете использовать этот nodejs script и сделать то же самое.


node less-watch-compiler.js FOLDER_TO_WATCH FOLDER_TO_OUTPUT


https://github.com/jonycheung/Dead-Simple-LESS-Watch-Compiler


Он пропускает просмотр файлов с именами, начинающимися с подчеркивания или периода.

ответил(а) 2021-01-19T14:48:17+03:00 6 месяцев, 1 неделя назад
45

Если вы используете Mac, я в настоящее время использую less.app из Code Kit
http://incident57.com/less/


Это работает очень хорошо.

ответил(а) 2021-01-19T14:48:17+03:00 6 месяцев, 1 неделя назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема