Аргументы против less, scss?

Question

[magary4]

Делал тестовое задание и стилизовал компоненты обычным css
теперь у меня спрашивают почему без компиляторов сделал
есть ли какие-то аргументы против less,scss для приложения на react.js?

Comments

[Eduard07]

Вложенность можно делать + миксы + функции свои.
Ето инструмент, который улучшает жизнь.
И да, можно и без него жить. Но я рекомендую использивать, css код чище ( если БЭМ используешь )

[G F]

Eduard07, нужны аргументы против, а ты за привел :)

[Eduard07]

G F, Чтобы создать переменные, миксы и функции нужно время, скорость разработки. Если использовать переменные для цвета, то для меня лично, это геморно....если больше 5 цветов на сайте, нужно проверять ли тот код цвета, потом копировать переменную....есть моменты. Для простых сайтов где нету БЭМ, я не вижу смысла использовать препроцессоры.

Answer 1

[Арсений Матыцин]

Нет никакого смысла разворачивать полноценную среду разработки ради тестового задания.

Если только цель задания не посмотреть на этот подход к разворачиванию.

Answer 2

[the5x]

LESS и SASS дают сомнительную производительность в скорости разработки. Пока настроишь все для работы, уже несколько блоков можно сверстать. Если использовать best practices, то запутаться можно в архитектуре количества папок. Отдельно компоненты, миксины, слои, переменные и т.д. Да, есть плюсы, делать вложенности и короткие имена доступа переменных, но основной плюс в компонентном подходе. Только, что мешает сделать один main.css и туда импортнуть, такие же компоненты.

Comments

[Степан Крапивин]

что мешает сделать один main.css и туда импортнуть, такие же компоненты.

мешает то, что если ты делаешь на чистом css и импортишь в main.css двадцать других стилей - то у тебя появляется лишние двадцать запросов к серверу.

Плюс когда ты пишешь на чистом css то у тебя значит никаких минификаторов, автопрефиксеров нет.
Ты же ничего не настраиваешь.
Такой "чистый" css - гадость, что я могу сказать. Чистота css ради чистоты?

Пока настроишь все для работы

Ну, если верстаешь небольшие лендинги на два экрана, то может ничего и не надо настраивать...

А в реальной работе - настраивать в любом случае нужно.
Как минимум автопрефиксер, минификатор, оптимизатор, бандлеры и прочие штуки-дрюки. А раз ты их настраиваешь, то никаких проблем по пути настроить less/sass.

Один раз настроил конфиг (чего ты там испугался gulp, rollup, webpack?) и носи его из проекта в проект.

Если лень настраивать - хватай сборщик parcel. Ему вообще никакие настройки не нужны, он сам определит что ты используешь и настроит сборку.
Используешь less - будет собирать less (parcel сам поймёт по расширению файла что это и поставит зависимости)

Так что настройка это быстро, надо просто уметь это правильно готовить.

[Robur]

Степан Крапивин, ну, если человек действительно делает лендосики копипастом 20 основных стилей из файла my-super-styles.css, то ему препроцессоры реально могут никакой пользы не нести. Тут сначала надо с задачей определиться.

Answer 3

[Robur]

Не важно какие аргументы могут быть "против".
Речь о вашем тестовом - им надо видеть что вы в курсе что это такое и в реальном проекте сможете взять и использовать.
Поэтому видя что вы написали без них - резонный вопрос "почему".
Ответ может быть "потому что тут не нужен, но вообще я в них хорош" (и тут им возможно захочется подтвержения) или "потому что не знаю я их". А возможно вы ярый фанат "против препроцессоров" и если они вас возьмут и заставят использовать вы им все разговнякаете, будете саботировать и вообще они сто раз пожалеют.

Просто расскажите как есть - не использовали потому что тут нет смысла, а вообще вы можете использовать их без проблем (если можете).