vithar
commented
9 years ago Насколько я понял, методология придерживается идеи 1 страницы. Т.е. у нас нет $layout в котором лежит $content, где $content это какая-то view'ха. Как разрешить этот вопрос в рамках методологии БЭМ? Все что у нас есть это макеты в .bundlers и блоки в .blocks.
Если я правильно понял вопрос, layout это точно такой же блок, как и то, что лежит внутри него.
Предположим, что на вход у нас такие данные:
var data = [
{
"news": $newsForPage1,
"content": $contentForPage1
},
{
"news": $newsForPage2,
"content": $contentForPage2
},
{
"news": $newsForPage3,
"content": $contentForPage3
}
]Для того, чтобы получить что-то типа такого HTML для каждой страницы
<div class="layout">
<div class="layout__sidebar">
<div class="news">$newsForPageN</div>
</div>
<div class="layout__content">
<div class="content">$contentForPageN</div>
</div>
</div>потребуется примерно такая функция, генерирующая HTML:
data.forEach(function(page, index) {
require('fs').writeFileSync('page' + index + '.html', BEMHTML.apply({
block: 'layout',
content: [
elem: 'sidebar',
content: {
block: 'news', content: page.news
},
elem: 'content',
content: {
block: 'content', content: page.content
}
]
}));
});
vegas0250
qfox
tadatuta
Философия "не mvc" ?