Всем привет! Пару дней назад взялся изучать БЭМ(требование для стажировки) и наткнулся в документации на пункт "Разделение проекта на платформы". Если я правильно понял, суть в том, чтобы не грузить большие файлы со стилями на все платформы, а только необходимые для конкретной платформы, но я не понял, как именно они будут подключаться? Допустим, в результате работы у нас получились вот такие файлы:
desktop.bundles/bundle/bundle.css, в котором лежат
import "common.blocks/button/button.css"; /* Базовые CSS-правила */
import "desktop.blocks/button/button.css"; /* Особенности для настольных устройств */
mobile.bundles/bundle/bundle.css
import "common.blocks/button/button.css"; /* Базовые CSS-правила */
import "mobile.blocks/button/button.css"; /* Особенности для мобильных устройств */
Пока я могу только представить их поочередное подключение, но можно все спихнуть в один файл и подключать только его.
P.s. заранее извиняюсь за возможную глупость, я буквально делаю первые шаги, а за БЭМ взялся из-за стажировки(+желание изучить новое)
Простой
