Похоже, что отладка LESS пришла на приличное расстояние, так как еще год назад, и мне было интересно, сколько людей имеют опыт отладки с помощью инструментов разработчика в Chrome/Canary.
Я пытаюсь обеспечить, что когда я отлаживаю файл, элемент CSS отображается как файл LESS, а не файл CSS. Не имеет смысла указывать номера строк в CSS, когда мне нужно знать номер строки LESS. Я могу сделать это в firefox с firebug и без огней, но он не работает в хроме.
Я попытался выполнить шаги здесь, однако он, похоже, не работает для меня правильно даже после тщательного ознакомления с инструкциями.
Я запускаю OSX, LESS установлен через node.js, и я использую плагин ST2 Less2CSS для обработки меньшего файла при сохранении. Использование команды lessc --line-numbers=mediaquery style.less style.css
работает так, как ожидалось, и записывает это в начало моего файла css @media -sass-debug-info{filename{font-family:file\:\/\/\/Applications\/XAMPP\/xamppfiles\/htdocs\/sandbox\/lessDebug\/style\.less}line{font-family:\000035}}
, однако при проверке элемента он все еще только захватывает файл CSS, а не файл LESS.
У меня есть необходимые настройки Chrome (поддержка SASS и включение исходных карт)
Мысли?