Препроцессор CSS — это программа, которая генерирует CSS на основе синтаксиса препроцессора (он должен быть скомпилирован). Препроцессоры наделяют наш CSS суперсилой, предоставляя ему некоторые очень полезные возможности, такие как переменные, миксины, условия, массивы и функции.
Пример в less
@primary-color = #e3b157
body {
background-color = @primary-color;
}
Чтобы использовать препроцессор, помните, что вы должны скомпилировать код, для этого вы можете использовать такие инструменты, как:
Компиляторы
Я использую Prepross, так как он довольно прост в использовании и имеет совместимость с windows, Linux и mac.
Ну, зачем использовать компилятор и не использовать терминал:
Преимущество
- Позволяет видеть ошибки и говорит вам, где они находятся.
- Удобнее в использовании и быстрее
- Он более упорядочен и имеет больше функций
Недостатки
- Использует больше ресурсов, чем терминал
- Приходится устанавливать программу
Помните, что существует больше компиляторов, и я приглашаю вас написать в комментариях, если вы знаете другой