1. Как собираете
2. Как разбили темы по блокам или слоям переопределения?

Зависит от задачи:

1. Если несколько тем могут быть собраны в один рантайм (например, обычная кнопка и темная или какая-нибудь промо-кнопка), то уровни переопределения не подойдут.
2. Если есть четкая уверенность, что такой необходимости не будет, то с уровнями переопределения проще тем, что не нужно потом задавать модификаторы темы каждому блоку.
3. Еще встречается задача менять тему без перезагрузки страницы по какому-нибудь переключателю. Тогда есть смысл делать каскадом от page_theme_*.

к 3: и тогда каждую тему в отдельный бандл будет проще собирать.

@tadatuta

1. Почему не подойдут? Можно же в депсах указывать какие темы тебе нужно и все. Как в случае с bemtree

Если темы рулятся депсами вручную, то все во всех случаях ок.

@voischev я под темизацией уровнями подразумевал схему, когда у тебя базовая реализация лежит в common.blocks, а темы в theme1.blocks, theme2.blocks и т.д. А внутри селектор всегда просто .button без модификаторов. Это вполне может работать, если заранее известно, что в каждом бандле всегда используется одна и только одна тема.

Такое, кстати, отлично подходит для новых годов, 1-ых апреля, гуглодудлов, и т.п. ;-)

@tadatuta другой разговор :) да все верно написано тогда))) @zxqfox да, да, тоже про это подумал)

@tadatuta @zxqfox тем должны переключатся на SPA.

• темы не должны быть в одном css - обусловлено тем, что разные наборы тем подходят к разным заказчикам

Есть ли возможность в enb динамически подключать levels и отключать, для сборки конкретного таргета?

Или это можно решить как-то иначе?

@blond Т.е. собриаю я таргет _t-1_?_.css

тогда надо подключить level theme-1,

если собираю таргет _t-2_?_.css

тогда подключать level theme-2?

Конечно для одной ноды.

Я заметил есть опция sublevelDirectories как она работает? у enb-levels?

Для каждой ноды можно задать свой список уровней:

var enbBemTechs = require('enb-bem-techs');

config.node('desktop.bundles/first', function(nodeConfig) {
    nodeConfig.addTech([enbBemTechs.levels, { levels: [/* один набор */] }]
});

config.node('desktop.bundles/second', function(nodeConfig) {
    nodeConfig.addTech([enbBemTechs.levels, { levels: [/* другой набор */] }]
});

config.nodes('*.bundles/*', function(nodeConfig) {
    // а здесь общая часть для всех нод
});

Я у себя делал проще — прямо в конфиге сделал загрузку из бандлов спец. файла, если он есть, типа технологии levels.js, и положил наряду с .bemjson.js, и там прописал нужные уровни. Такое немножко попахивает, но т.к. все уровни оттуда находятся в локальном репе (не в доп. библиотеках) — то вполне рабочий вариант.

@zxqfox, @tadatuta

Реализовал так: Сборка проходит для тех же нод, уровни переопределения разные для основной сборки и для сборки тем.

Сделано это так

/**
 * Конфигурация ENB для сборки Тем
 * @param {Object} config - конфиг ENB-ноды
 * @param {string} theme - имя темы совпадает с именем папки в уровне переопределения themes.layers
 */
function themeConfig (config, theme) {
    config.nodes('bundles/*.bundles/*', function (nodeConfig) {

        var targetLevels = '?-theme-' + theme + '.levels',
            bemDecl = '?-theme-' + theme + '.bemdecl.js',
            deps = '_?-theme-' + theme + '.deps.js',
            filesTarget = '?-theme-' + theme + '.base.files',
            dirsTarget = '?-theme-' + theme + '.base.dirs';

        nodeConfig.addTechs([
            [levels, {
                levels: getLevels(config, nodeConfig, theme),
                target: targetLevels
            }],

            [bemjsonToBemdecl, {
                source: '?.bemjson.js',
                target: bemDecl
            }],

            [deps, {
                levelsTarget: targetLevels,
                bemdeclFile: bemDecl,
                target: deps
            }],

            [files, {
                levelsTarget: targetLevels,
                depsFile: deps,
                dirsTarget: dirsTarget,
                filesTarget: filesTarget
            }]

        ]);
        nodeConfig.addTechs([
            [cssLess, {
                dirsTarget: dirsTarget,
                filesTarget: filesTarget,
                target: theme + '-?.css'
            }],
            [borschikJs, {
                sourceTarget:   theme + '-?.css',
                destTarget: '_' + theme + '-?.css',
                minify: true,
                freeze: true,
                noCache: true,
                tech: 'cleancss',
                techOptions: {
                    semanticMerging: true
                }
            }]
        ]);

        // Установка целевых файлов
        nodeConfig.addTargets([
            '_' + theme + '-?.css'
        ]);
    });
}

Кажется, очень годное решение.