Как начать использовать препроцессоры?

Question

[Денис Богданов]

Хочу уже наконец начать использовать хоть какой нибудь препроцессор в верстке, склоняюсь преимущественно к stylus, но свыкнусь с любым если найдется решение следующей проблемы.
Процесс моей вёрстки сводится к тому, что я набрасываю html код макета, потом все классы с помощью фичи AutoclassCss копирую в файл css и далее с помощью плагина в хроме и саблайма добавляю непосредственно в браузере стили к готовым классам.
Весь процесс за счет связки хром-саблайм занимает мало времени. Но для того чтобы использовать препроцессоры этот подход не подойдет, т.к. хром не может изменять непосредственно .less, .scss или .styl файлы. Gulp и livereload конечно юзал, но нет фич от хрома типа скроллинга попиксельного и прочего. Как жить?

Answer 1

[jenovas]

На самом деле все просто , через тотже gulp , гененрируйте source map и будет вам счастье.

Comments

[Денис Богданов]

Подробнее пожалуйста

[Денис Богданов]

Спасибо, что направил на путь) гугл помог

[jenovas]

den-bogdanov: На самом деле, у меня бы ла таже самая проблема

[Денис Богданов]

jenovas: в хроме в стилях вижу файл .styl, но как только я изменяю какое либо из свойств он переименовывается в .css, как мне сделать так, чтобы изменения происходили именно в .styl? Может livereload как настроить нужно?

[jenovas]

у меня прекрасно сохраняются scss файлы. Правда, я больше не в хроме пишу код а в редакторе, в хроме в основном вношу мелкие правки