БЭМ как избежать дублирование стилей?

Question

[Goshanbo]

Пытаюсь на бэм сверстать простенький проект используя Pug + SCSS(SASS), но возник вопрос касательно дублирования стилей.
Предположим, что у нас есть родительский блок parenBlock01 в него входят блоки block01, block02, block03
Блоки подключаются в pug с помощью mixins
в SCSS они подключаются с помощью директивы @import
т.е. parenBlock01.scss выглядит так

.parentBlock01 {}
@import '../block01/block01';
@import '../block02/block02';
@import '../block03/block03';

Также у нас есть parentBlock02 в который входит лишь блок block02
По аналогии parentBlock01.scss

.parentBlock02 {}
@import '../block02/block02';

Итак если я располагаю parenBlock01 и parenBlock02 на странице, то они оба подгружают стили block02 которые записываются в общий css файл после преобразования scss в css. Это отчётливо видно браузерной панели разработчика.

Как избежать дублирования стилей, при использовании БЭМ?

Comments

[alex]

при чем тут БЭМ?

Как избежать

подключать стили всех блоков в одном файле, аля main.scss

[WapSter]

Никак) Это экономия на спичках. Но в твоем случае посоветую. Не заморачивайся с отдельными файлами для блоков и их дочерними элементами, усложняешь себе жизнь только. Чтобы все разложить по полочкам, есть специальный инструментарий. И если у тебя есть идентичные блоки у которых стили дублируются, значит ты как-то не так применяешь БЭМ

[Goshanbo]

alex, Согласен, это можно считать решением проблемы если вложенность блоков небольшая и проект маленький, но мне хотелось бы найти универсальное решение, для всех проектов всех размеров.

Допустим есть множество блоков block01...block99 , некоторый их которых участвуют в формировании множества блоков более высокого ранга parentBlock01...parentBlock99 которые в свою очередь формируют блоки страниц pageBloc01...pageBloc10.

Мне бы просто хотелось разместить на нужной странице нужный pageBlock и не пытаться вспомнить, какие стили я должен прикрутить каких parentBlock и потом вспоминать какие стили block входят уже в них.

Поэтому я сразу привязываю их с помощью Dmitrijs Balcers, но это приводит к дублированию кода.
Хотелось бы уйти от этого.

[Goshanbo]

WapSter,
Спасибо за ответ.

Это экономия на спичках

Я тоже так считал, но при приёме на работу мне поставили это в укор и попросили больше так не делать =)

значит ты как-то не так применяешь БЭМ

Я тоже думаю что я как-то не так применяю БЭМ, поэтому и хотел услышать мнение тех кто разбирается в этом.