@c1n1k После запуска enb make в папке desktop.bundles/index/ окажутся index.html, index.min.css и index.min.js, которые и нужно упаковывать и отправлять.

Чтобы CSS и JS соптимизировались для продакшена, следует запускать сборку с переменной окружения YENV=production:

YENV=production enb make

Если картинки изначально были разложены по папкам блоков, а хочется собрать их все в одну общую папку или заинлайнить в CSS, стоит в корень проекта положить конфиг .borschik (точка в начале файла обязательна) с примерно таким содержанием:

{
    "freeze_paths" : {
        "libs/**": ":base64:",
        "libs/**/*.svg": ":encodeURIComponent:",
        "*.blocks/**": ":base64:",
        "*.blocks/**/*.svg": ":encodeURIComponent:"
    }
}

И на всякий случай пересобрать начисто:

enb make clean
YENV=production enb make

если страниц не одна, contact, catalog?

все аналогично:

YENV=production enb make
mkdir ready
cp desktop.bundles/*/*.html ready/
cp desktop.bundles/*/*.min.* ready/

@c1n1k и как? Понравилось? )

Еще можно gulp или npm scripts настроить для этих задач и все автоматизировать эти процессы. Но мне всегда хватало то что Володя написал. Хотя нужно признаться — собирать статику не очень часто приходилось.

модульность понравилась, и в простой вёрстке сейчас перешёл на подобную файловую систему, а вот в бэм пока не до конца разобрался как обернуть потомок блока в другой блок, в частности элемент блока A в блок link

block('A').elem('e1').wrap()(function() {
    this.ctx.block = this.block;

    return {
        block: 'link',
        content: this.ctx
    };
});

Еще можно смиксовать ссылку с элементом на одном DOM-узле:

block('A').elem('e1').replace()(function() {
    return {
        block: 'link',
        mix: this.extend({ block: this.block }, this.ctx),
        content: this.ctx.content
    };
});

Но на самом деле лучше держать шаблоны максимально простыми (например, задавать теги или миксы), а структуру оставлять в BEMJSON (кстати, BEMJSON — это просто JavaScript, так что там можно смело писать функции, вызывать всякие map(), forEach и т.д.):

{
    block: 'A',
    content: [
        { url: '/', content: 'Главная' },
        { url: '/about/', content: 'О компании' },
        { url: '/partners/', content: 'Партнеры' }
    ].map(function(item) {
        return {
            block: 'link',
            url: item.url,
            mix: { block: 'A', elem: 'item' },
            content: item.content
        };
    })
}

@tadatuta любишь ты со сложного начинать ;)

забыл упомянуть что элементов может быть и 2 и я пробовал миксовать в bemjson, а вот до .wrap() я не дошёл походу доках

@c1n1k код, который я привел в BEMJSON, завернет любое количество элементов ;)

что-то я не пойму. вот у меня есть каталог журналов, я его создаю как

block : 'magazine',
content : {
    elem : 'list',
    content : [массив объектов]
}

потом я начинаю проходить по массиву

.map(function(item) {
    return {
        elem : 'list-item',
        content : [ {
            elem : 'img',
                        },
                        { elem : 'meta', ...}
        }

так вот как мне подобную структуру обернуть в блок link?

что хочется получить на выходе?

грубо говоря я хочу получить вот такую структуру https://gist.github.com/c1n1k/b38d95272acac688d50c

Вывести все данные я смог, а вот обернуть в ссылку нет. Можно конечно обернуть в элемент ссылку, но логичнее же в блок link

.map(function(item) {
    return {
        elem: 'list-item',
        mix: { block: 'clearfix' },
        content: {
            block: 'link',
            url: item.url,
            content: [
                {
                    block: 'magazine',
                    elem: 'img',
                    content: '...'
                },
                {
                    block: 'magazine',
                    elem: 'meta',
                    content: [
                        /* ... */
                    ]
                }
            ]
        }
    };
})

вот блин, я до такого не додумался :(

@c1n1k Толи еще будет ;-)

https://ru.bem.info/forum/698/#comment-154155096 Только собираюсь изучать БЭМ: В этом случае для каждой странички получится отдельный *.min.css или общий для всех страниц ?

@Eqwertylab В варианте из комментария получится отдельный CSS для каждой страницы. Чтобы собрать один общий, потребуется применить merged-бандл.

сверстал, всё круто, спасибо

@c1n1k Красава! Держи 👊 :+1: