Препроцесори CSS полегшують автоматизацію повторюваних завдань, зменшують кількість помилок і роздутість коду, створюють багаторазові фрагменти коду та забезпечують зворотну сумісність. Кожен препроцесор CSS має власний синтаксис, який вони компілюють у звичайний CSS, щоб браузери могли відтворювати його на стороні клієнта.
Однак це не означає нам більше не потрібні препроцесори CSS. Вони все ще забезпечують набагато більш динамічні функції, ніж CSS, і можуть допомогти впорядкувати ваш код, покращити продуктивність інтерфейсу та прискорити робочий процес розробки.
Переваги використання препроцесора: Чистий код із багаторазовими шматками та змінними. Економить ваш час. Простіше підтримувати код за допомогою фрагментів і бібліотек.
Недоліки
- Потрібні інструменти для попередньої обробки. Час повторної компіляції може бути повільним.
- Наразі не пише CSS, який потенційно можна використовувати. Наприклад, використовуючи щось на кшталт postcss-loader із webpack, ви можете написати потенційно сумісний CSS, дозволяючи використовувати такі речі, як змінні CSS замість змінних Sass.
У цій публікації я зібрав кілька найкращих препроцесорів CSS, які існують.
- Сасс. Ймовірно, найвідоміший препроцесор CSS, Sass існує вже майже вісім років, і тому він не є недосконалим, коли мова йде про препроцесори. …
- менше. …
- CSS-Crush. …
- Міф. …
- Стилус. …
- DtCSS. …
- Переробити. …
- глина.
Якщо хтось не створить альтернативу і не прийме її кожен браузер, HTML і CSS нікуди не подінуться. Чи можуть HTML і CSS застаріти до кінця 2030-х років? Коротка відповідь: "ні", HTML і CSS у тій чи іншій формі будуть доступні до вашого виходу на пенсію.