Задать вопрос
@freddylink

БЭМ, как сделать правильное подключение зависимых блоков?

Код бандла index.bemjson.js выглядит следующим образом:
module.exports = {
    block: 'page',
    title: 'Title of the page',
    favicon: '/favicon.ico',
    head: [
        { elem: 'meta', attrs: { name: 'description', content: '' } },
        { elem: 'meta', attrs: { name: 'viewport', content: 'width=device-width, initial-scale=1' } },
        { elem: 'css', url: 'index.min.css' }
    ],
    scripts: [{ elem: 'js', url: 'index.min.js' }],
    mods: { theme: 'islands' },
    content: [
        {
            block: 'header',

        }
    ]
};

В блоке header, в файле header.deps.js я устанавливаю зависимость вида:
({
    
    shouldDeps: [
        {
            block: 'logo',
            mods: {theme: 'sea'}
        }
    ]
})

Соответственно блок лого существует, и у него прописаны стили.
Но при сборке проекта блок header не содержит никакой вложенности.
Соответственно вопрос: как добавить вложенность?
Или это так не должно работать, и в любом случае в index.bemjson.js должен быть явно прописан блок внутри блока?
  • Вопрос задан
  • 129 просмотров
Подписаться 2 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 1
@freddylink Автор вопроса
Помогли на самом форуме бема:
Если хочешь сделать так, чтобы logo автоматически появлялся в разметке внутри блока header, то необходимо добавить шаблон header.bemhtml.js:
block('header').content()({ block: 'logo', mods: { theme: 'sea' } });
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы