CSS preprocessors have many advantages. But like most tools, they also have a number of drawbacks which I’ll describe here.
# 1. Debugging is harder
Preprocessors have a compilation step, meaning that CSS line numbers are irrelevant when trying to debug our code. But debugging is twice as hard as programming, so this alone is a huge drawback.
“Debugging is twice as hard as programming”
— Brian Kernighan
Source maps provide a solution, but they need to be setup and they don’t work in all browsers, particularly those where bugs often come up.
Without source maps, we’re left
See original post