Jak debugować LESS w Chrome?

Wygląda na to, że debugowanie LESS osiągnęło przyzwoity dystans już od roku, i zastanawiałem się, ile osób ma doświadczenie z debugowaniem przy użyciu narzędzi programistycznych w Chrome / Canary.

Próbuję upewnić się, że podczas debugowania pliku CSS elementu jest wyświetlany jako plik LESS, a nie plik CSS. Nie ma sensu pokazywać numerów linii CSS, gdy muszę znać wymagany numer linii pliku LESS. Mogę to zrobić w firefoxie z firebug i fireless, ale nie działa w chrome

Próbowałem podążać za krokamitutaj, jednak wydaje się, że nie działa poprawnie dla mnie nawet po uważnym przestrzeganiu instrukcji.

Używam OSX, mam zainstalowaną LESS za pośrednictwem node.js i używam wtyczki ST2 Less2CSS w celu przetworzenia mniejszego pliku podczas zapisywania. Korzystanie z polecenialessc --line-numbers=mediaquery style.less style.css działa zgodnie z oczekiwaniami i zapisuje to na górze mojego pliku css@media -sass-debug-info{filename{font-family:file\:\/\/\/Applications\/XAMPP\/xamppfiles\/htdocs\/sandbox\/lessDebug\/style\.less}line{font-family:\000035}}, jednak podczas sprawdzania elementu wciąż tylko przechwytuje plik CSS, a nie plik LESS.

Mam włączone preferencje Chrome (Wsparcie dla SASS i Włącz mapy źródłowe)

Myśli?

questionAnswers(3)

yourAnswerToTheQuestion