0 Пользователей и 1 Гость просматривают эту тему.
  • 7 Ответов
  • 3481 Просмотров
*

morgan6

  • Новичок
  • 5
  • 0 / 0
FireBug для.less
« : 07.11.2013, 02:00:47 »
Здравстуйте уважаемые участники!

Подскажите, как искать какие файлы less нужно править?

Для обычных CSS файлов есть FireBug - без проблем находится нужный файл с указанием правила и строки, на которой это правило находится.

Как быть при использовании less файлов?
*

neo85r

  • Захожу иногда
  • 91
  • 10 / 0
  • Ускорение сайтов
Re: FireBug для.less
« Ответ #1 : 07.08.2014, 10:12:34 »
А less компилируется JS онлайн на клиентской стороне или на стороне сервера?
Потом при некоторых соглашениях по наименованию классов нетрудно будет найти в исходных файлах поиском.
Ой блин некропостинг.
*

Shustry

  • Moderator
  • 6436
  • 744 / 3
Re: FireBug для.less
« Ответ #2 : 07.08.2014, 11:06:40 »
Да тема то актуальна. Сам сейчас перехожу на LESS, так как на нём UIkit свёрстан. Но ввиду того, что не нашёл удобного способа инспектировать вёрстку на-лету, юзаю обычный CSS. Получается слегка громозко и нерационально. В общем, отписывайтесь пожалуйста, кто верстает на LESS, как оптимизировать работу.
*

neo85r

  • Захожу иногда
  • 91
  • 10 / 0
  • Ускорение сайтов
Re: FireBug для.less
« Ответ #3 : 07.08.2014, 17:37:13 »
Если less "компилируется" в CSS проблемы нет, так как по названию класса ищется в исходниках. Если на лету через JS, с чем дела не имею, не знаю что в итоге получается.
Если требуется автоматизировать сборку на стороне сервера, могу описать как делается.
*

Shustry

  • Moderator
  • 6436
  • 744 / 3
Re: FireBug для.less
« Ответ #4 : 07.08.2014, 17:40:34 »
neo85r, опишите в двух словах пожалуйста. Я ничего внятного на эту тему не нагуглил. Сейчас у YOOthems это реализовано так: правим less, сохраняем, заходим в админку и компилим CSS, после этого смотрим результат на сайте. Верстать так, имхо, совсем нереально.
*

Alldar

  • Завсегдатай
  • 1506
  • 195 / 1
Re: FireBug для.less
« Ответ #5 : 07.08.2014, 18:12:17 »
source map используйте его умеет читать и Chrome и ff
*

Shustry

  • Moderator
  • 6436
  • 744 / 3
Re: FireBug для.less
« Ответ #6 : 07.08.2014, 18:18:50 »
Alldar, ссылку на мануал можете выложить?
*

neo85r

  • Захожу иногда
  • 91
  • 10 / 0
  • Ускорение сайтов
Re: FireBug для.less
« Ответ #7 : 08.08.2014, 10:23:49 »
О да Source Maps классная штука, прочитал http://roots.io/using-less-source-maps/
Вообще у нас готовый CSS компилируется "на лету" сразу после сохранения LESS, для чего сделан Makefile который занимается собственно компиляцией, и небольшого bash-скрипта на основе inotifywait, который мониторит изменения в файлах и запускает make. Но это дело работает под линуксом, могу детально написать если требуется.
Вот инструкций по соус мэп http://robdodson.me/blog/2012/12/28/debug-less-with-chrome-developer-tools/
« Последнее редактирование: 08.08.2014, 10:39:59 от neo85r »
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться