я до ноута дойду - покажу как сделал

😊

только вспомил 🙂
короч у меня все паршиалы референсятся по абсолютным путям относительно общего корня
то есть типа
{{> folder/subfolder/_partial }}

на самом деле все это лежит в папке templates, но ее я добавляю через опцию partialResolver

а относительные пути хз можно ли настроить. я тогда помню дохера времени убил на все это

Спасибо 😁

Это эффективно. Поскольку ты пишешь компоненты максимально обстрагированные от других компонентов. И по итогу при сборке это в один файл мы получаем что-то типо

.a { position: relative; ... }
.b { position: relative; ... }
...

Объединить это было бы логично

.a, .b { position: relative; }

Как минимум, меньше кода генерируется - меньше итоговый вес

.a { position: relative; ... }
.b { position: relative; ... }
...

.a, .b { position: relative; }

на самом деле это все ещё хорошо жмется гзипом)

.a { position: relative; ... }
.b { position: relative; ... }
...

.a, .b { position: relative; }

Звучит притянуто за уши, повторящиеся стили это обычно часть общего визуального стиля (темы) которая уже хранится централизовано и импортируется в каждый компонент. Грамотная система дизайна, правильная верстка и хорошие понимание css позволяет свести к минимуму потребность писать какой-либо уникальный css для каждого компонента, не говоря уже о повторяющемся

не ну не скажи, ты же не будешь "выносить" один position: relative

ну только если не пишешь на атомиках конечно

Это относится к миниуму

Я бы посмотрел реальные тесты размера - до и после на различных примерах

ага, особенно после гзипа)

у меня, например, вся стилизация выполнена внутри stylus. То есть вместо использования одних и тех же классов в самих компонентах, я делаю require внутри самого stylus.
И внутри stylus все выглядит красивенько без дублирования.
Но когда это все собирается, то вся эта красота пропадает и в итоговый bundle попадает тонна дублирующего кода.

Для этих случаев применяются вся магия выше и он становится красивым, как никогда прежде.

это кстати да. Когда используешь что-то поверх css - то так и выходит

зато отличный интерфейс для js

По сути плагин делает атомик за вас, только менее осмыслено

более осмысленно же: это атомик до того уровня, который нужен

ну типа не по одному свойству, а по тому что повторяется

Атомик и не по одному свойству

не знаком с этим

аа ладно, я не в курсе значит