The disadvantages of CSS preprocessors

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