Взаимосвязь между .css, .sass или .less

Question

Я чистый дизайнер, поэтому я совершенно новичок в области разработки интерфейса.

Я узнал, что МЕНЬШЕ, что такое САСС.

Но когда я открываю HTML-шаблон, есть некоторые файлы LESS или SCSS, но также много файлов CSS. Я довольно смущен, какова связь между LESS/SCSS и CSS?

Если LESS/SCSS так хорош для использования, почему люди все еще пишут 10 тысяч строк в файле CSS, что невозможно для меня прочитать ...?

Являются ли эти файлы CSS похожими на «bootstrap.css» или «animate.min.css» только для библиотек для LESS/SCSS? Или какие еще отношения между ними?

Answer 1

Многие фреймворки поставляются с не только файлами LESS и SASS, но и результатами этих файлов (экспортированные файлы CSS). В случае Bootstrap это особенно верно: ни один из файлов «.css» не является библиотекой для LESS. Это результат.

Авторы этих фреймворков предполагают, что некоторым людям нужен рабочий процесс LESS/SASS, а другие хотят включить CSS и сделать с ним. Таким образом, они включают все это. Во многих случаях не документированные растягивающиеся CSS-файлы на самом деле демонстрируют, что предположение о LESS («так хорошо использовать») не всегда верно. Написание CSS без препроцессора и с лучшими практиками будет чаще приводить к меньшему, более читаемому (и хорошо документированному) файлу, чем рабочий процесс LESS/SASS.

Проведя некоторое время с LESS, я думаю, что, возможно, я готов вернуться к прямому CSS.