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?