How to start using preprocessors?

Question

css

I want to finally start using at least some kind of preprocessor in the layout, I tend mainly to stylus, but I'll get used to any if there is a solution to the next problem.
The process of my layout comes down to the fact that I sketch out the html code of the layout, then I copy all the classes using the AutoclassCss feature to a css file and then, using the plugin in chrome and the sublime, I add styles to the finished classes directly in the browser.
The whole process due to the chromium-sublime bond takes little time. But in order to use preprocessors, this approach will not work, because. chrome cannot directly modify .less, .scss or .styl files. Of course, I used Gulp and livereload, but there are no features from Chrome, such as per-pixel scrolling and other things. How to live?

Answer 1

In fact, everything is simple, through the same gulp , generate a source map and you will be happy.