Quais são as vantagens / desvantagens de usar pré-processadores CSS?
Topics
CSS
Edit on GitHub
Vantagens
- O CSS é fica mais fácil de ser mantido.
- Mais fácil escrever seletores aninhados.
- Variáveis para temas consistentes. Pode-se compartilhar arquivos de tema entre diferentes projetos. Isso não é necessariamente útil com propriedades personalizadas CSS (frequentemente chamadas de variáveis CSS).
- Mixins para gerar CSS repetido.
- Sass e Less possuem recursos como loops, listas e mapas que podem tornar a configuração mais fácil e menos verbosa.
- Dividindo o seu código em vários arquivos durante o desenvolvimento. Os arquivos CSS também podem ser divididos, mas isso exigirá uma solicitação HTTP para baixar cada arquivo CSS.
Desvantagens
- Requer ferramentas para pré-processamento. Tempo de recompilação pode ser lento.
- Não escrever CSS atual e potencialmente utilizável. Por exemplo, usando algo como postcss-loader com o webpack, você pode escrever CSS potencialmente compatível com o futuro, permitindo que você use coisas como variáveis CSS em vez de variáveis Sass. Assim, você está aprendendo uma nova sintaxe que pode pagar se/quando eles se tornarem padronizados.