@AndreyGladkov структура для деплоя обычно достаточно специфичная от проекта к проекту, поэтому чего-то универсального (кажется) нет. Решение с использованием gulp вполне хорошее. Если в процессе возникнут какие-то сложности — попробую помочь.

И так я вернулся к этой задачи для меня пока не понятно как склеить один js и один css из всех что есть на странице удалив повторяющиеся блоки кода, борьщик умеет так склевать?

Нет, борщик не для этого. Скорее всего вам нужен merged-бандл: https://github.com/enb-bem/enb-bem-techs/blob/master/docs/build-merged-bundle.md См. также https://github.com/bem/bem-forum-content-ru/issues/352#issuecomment-89412374

Так я юзаю bem tools а не enb, и написал task для gulp чтобы он перекладывал весь html в папку app, насколько я понимаю мне нужен merged - бандл для gulp что бы в процессе перекладывания js и css собирать их в один файл, а так же какой либо task что бы менять пути у изображений на те что я укажу. Есть какие либо инструменты для такой реализации или же нужно перейти на enb и писать task для него что бы он собирал дополнительно все как я хочу?

gulp врядли сможет грамотно вырезать повторяющиеся блоки кода. Думаю лучше переходить на enb и настроить merged бандл по примерам. А вот переписывать пути к картинкам как раз умеет борщик и в качестве бонуса делать freeze статики. bem-tools, как я понял, скоро будет просто набором инструментов, а для сборки использовать тот же ENB.

@AndreyGladkov https://ru.bem.info/tools/bem/bem-tools/customization/#Сборка-merged-бандла-раньше-также-назывался-common

Пока bemtools оставил, потому как собираю им, пока enb не заработал. Вообщем что то я не понял, установил зависимости:

  "dependencies": {
    "bem-environ": "^1.4.0",
    "bower": "^1.3.12",
    "bower-npm-install": "^0.5.9"
  },
  "devDependencies": {
    "bem": "0.9.0",
    "bem-environ": "1.4.0",
    "bem-tools-autoprefixer": "0.0.3",
    "bower": "1.4.1",
    "bower-npm-install": "0.5.9",
    "enb-bem": "0.1.0-beta5",
    "borschik": "^1.3.2",
    "borschik-tech-cleancss": "^1.0.3",
    "enb": "^0.13.15",
    "enb-autoprefixer": "^0.2.2",
    "enb-bem-techs": "^1.0.3",
    "enb-bemxjst": "^1.3.4",
    "enb-borschik": "^1.4.0",
    "enb-diverse-js": "^0.1.0",
    "enb-modules": "^0.2.0",
    "enb-stylus": "^1.2.0",
    "gulp": "^3.8.11",
    "stylus": "0.50.0"
  },
  "scripts": {
    "start": "enb server",
    "postinstall": "bower-npm-install",
    "deps": "bower-npm-install --non-interactive"
  },
  "engines": {
    "node": ">=0.10.0"
  }
}

Сделал npm i и вы итоге при сборке,enb падает на deps.js [failed] [desktop.bundles/grid/grid.deps.js] deps

В чем может быть беда?

make.js

var techs = {
        // essential
        fileProvider: require('enb/techs/file-provider'),
        fileMerge: require('enb/techs/file-merge'),

        // optimization
        borschik: require('enb-borschik/techs/borschik'),

        // css
        cssStylus: require('enb-stylus/techs/css-stylus'),
        cssAutoprefixer: require('enb-autoprefixer/techs/css-autoprefixer'),

        // js
        browserJs: require('enb-diverse-js/techs/browser-js'),
        prependYm: require('enb-modules/techs/prepend-modules'),

        // bemtree
        bemtree: require('enb-bemxjst/techs/bemtree-old'),

        // bemhtml
        bemhtml: require('enb-bemxjst/techs/bemhtml-old'),
        htmlFromBemjson: require('enb-bemxjst/techs/html-from-bemjson')
    },
    enbBemTechs = require('enb-bem-techs'),
    levels = [
        { path: 'libs/bem-core/common.blocks', check: false },
        { path: 'libs/bem-core/desktop.blocks', check: false },
        { path: 'libs/bem-components/common.blocks', check: false },
        { path: 'libs/bem-components/desktop.blocks', check: false },
        { path: 'libs/bem-components/design/common.blocks', check: false },
        { path: 'libs/bem-components/design/desktop.blocks', check: false },
        'common.blocks',
        'desktop.blocks'
    ];

module.exports = function(config) {
    var isProd = process.env.YENV === 'production';

    config.nodes('*.bundles/*', function(nodeConfig) {
        nodeConfig.addTechs([
            // essential
            [enbBemTechs.levels, { levels: levels }],
            [techs.fileProvider, { target: '?.bemjson.js' }],
            [enbBemTechs.bemjsonToBemdecl],
            [enbBemTechs.deps],
            [enbBemTechs.files],

            // css
            [techs.cssStylus, { target: '?.noprefix.css' }],
            [techs.cssAutoprefixer, {
                sourceTarget: '?.noprefix.css',
                destTarget: '?.css',
                browserSupport: ['last 2 versions', 'ie 10', 'opera 12.16']
            }],

            // bemtree
            // [techs.bemtree, { devMode: process.env.BEMTREE_ENV === 'development' }],

            // bemhtml
            [techs.bemhtml, { devMode: process.env.BEMHTML_ENV === 'development' }],
            [techs.htmlFromBemjson],

            // client bemhtml
            [enbBemTechs.depsByTechToBemdecl, {
                target: '?.bemhtml.bemdecl.js',
                sourceTech: 'js',
                destTech: 'bemhtml'
            }],
            [enbBemTechs.deps, {
                target: '?.bemhtml.deps.js',
                bemdeclFile: '?.bemhtml.bemdecl.js'
            }],
            [enbBemTechs.files, {
                depsFile: '?.bemhtml.deps.js',
                filesTarget: '?.bemhtml.files',
                dirsTarget: '?.bemhtml.dirs'
            }],
            [techs.bemhtml, {
                target: '?.browser.bemhtml.js',
                filesTarget: '?.bemhtml.files',
                devMode: process.env.BEMHTML_ENV === 'development'
            }],

            //js
            [techs.browserJs],
            [techs.fileMerge, {
                target: '?.pre.js',
                sources: ['?.browser.bemhtml.js', '?.browser.js']
            }],
            [techs.prependYm, { source: '?.pre.js' }],

            // borschik
            [techs.borschik, { sourceTarget: '?.js', destTarget: '_?.js', freeze: true, minify: isProd }],
            [techs.borschik, { sourceTarget: '?.css', destTarget: '_?.css', tech: 'cleancss', freeze: true, minify: isProd }]
        ]);

        nodeConfig.addTargets([/* '?.bemtree.js', */ '?.html', '_?.css', '_?.js']);
    });
};

Покажи desktop.bundles/grid/grid.deps.js

http://pastebin.com/C5Nkcn2e он далее ругается на все страницы и все технологии, И выдает ошибку что мол свой-во тип - undefined Cannot read property 'tech' of undefined /node_modules/enb-bem-techs/lib/deps/deps-resolver.js:203:33 Отработали: file-provider levels bemjson-to-bemdecl Упал на deps files deps-by-tech-to-bemdecl bemhtml-old css-stylus browser-js html-from-bemjson css-autoprefixer file-merge borschik prepend-modules

Мой вариант: 1) использовать merged – бандл, причем во всех desktop.bundles/page-name использовать не _page-name.css и _page-name.js а сразу _merged.css и _merged.js 2) Копировать собранные файлы в package.json

"scripts": {
    "copy-views": "npm run copy-css && npm run copy-js",
    "copy-css": "cp views/desktop.bundles/merged/_merged.css views/static/css/",
    "copy-js": "cp views/desktop.bundles/merged/_merged.js views/static/js/"
  }

Вообщем проблема следующая, если убрать из уровней переопределения те уровни в которых блоки то enb все верно собирает, если же их оставить то падает как я писал выше. Через bemtools все собирается и работает, куда копать кто что думает?

Проблема в том что я не заюзал deps-old.

Столкнулся с проблемой

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

nodeConfig.addTech([enbBemTechs.mergeBemdecl, {
            sources: bemdeclFiles,
            target: 'merged.bemdecl.js'
        }]);

Выдает Concurrent techs for target: merged.bemdecl.js, techs: "merge-bemdecl" vs "bemjson-to-bemdecl" Брал код по ссылке выше и поправил его под себя.

@AndreyGladkov

Проблема в том что я не заюзал deps-old

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

Выдает Concurrent techs for target: merged.bemdecl.js, techs: "merge-bemdecl" vs "bemjson-to-bemdecl"

вот коммит, который включает сборку merged-бандла для project-stub. Предлагаю повторить для своего проекта максимально похоже.

Да взял c project-stub твой коммит - все работает, спасибо, В консоль сыпятся названия бандлов, при использованни deps. Единственная ошибка что вылетает

TypeError: Cannot read property 'tech' of undefined
    at /path/node_modules/enb-bem-techs/lib/deps/deps-resolver.js:203:33
    at Array.forEach (native)
    at /path/node_modules/enb-bem-techs/lib/deps/deps-resolver.js:202:29
    at Array.<anonymous> (/path/node_modules/enb/node_modules/vow/lib/vow.js:202:56)
    at Immediate.callFns [as _onImmediate] (/path/node_modules/enb/node_modules/vow/lib/vow.js:462:35)
    at processImmediate [as _immediateCallback] (timers.js:358:17)

@tadatuta Эта ошибка говорит о циклической зависимости? Это значит что один блок зависит от другого, а другой от одного?

@AndreyGladkov нет, здесь речь не о циклической зависимости. Скорее всего-то где-то в *.deps.js есть опечатка. Для отлова можно попробовать добавить console.log в node_modules/enb-bem-techs/lib/deps/deps-resolver.js вокруг 203 строки и потом поискать вхождения по проекту.