Браузер для отладки less, как правильно?

Question

[Дмитрий Христоев]

Здравствуйте! Как правильно отлаживать верстку с less в браузере?
Подключаю less
link rel="stylesheet/less" type="text/css" href="resources/css/allstyle.less"
script src="resources/js/less-1.7.4.min.js

allstyle.less состоит из нескольких файлов (привычка из css)
import url(main.less);
import url(menu.less);
import url(typographyc.less);
import url(gallery.less);
import url(widgets.less);
import url(media.less);

Хром выдает ошибку - XMLHttpRequest cannot load file:///D:/public_html/grand.ua/_tpl_old_1/resources/css/allstyle.less. Cross origin requests are only supported for protocol schemes: http, data, chrome-extension, https, chrome-extension-resource.

Поэтому работаю в Firefox, однако в firebug показывается например html(255) строка, ни каких less файлов.

Есть несколько вопросов
- как правильно отладить в Хроме (если такая возможность есть)?
- правильно ли разбивать less на несколько частей (для меня удобство, когда не надо туда сюда вверх вниз крутить и править код)?
- или просто советы. Заранее спасибо.

Comments

[Flying Seal]

У меня такая же ошибка. =( После WebStorm, где это всё делалось автоматически, пришлось полдня подгонять под себя sublime, а less заработал только в виде компиляции в css файл.

Answer 1

[aen]

Настройте билд стилей любым удобным вам способом. Сгенерируйте sourcemap и дебажьте сколько вашей душе угодно.

Comments

[Flying Seal]

Расшифруйте, пожалуйста, ваш комментарий, о, милейший! =)

[aen]

Flying Seal: Билд это сборка стилей. Ее можно сделать плагинами для grunt или gulp. Для нее же можно настроить вотчер, то есть процесс, который следит за изменениями и пересобирает стили. Плагины для этого тоже есть. А что такое sourcemap и для чего это нужно, можете у гугла спросить.