Не мержатся bemdecl'ы

Форум /

Просто интересно в чем может быть причина? В папке merged лежат скопированные бемдеклы бандлов (копируются при обходе бандлов проекта), при заходе на merged-бандл срабатывает эта функция

config.nodes('*.bundles/merged', function(nodeConfig) {
        var dir = path.dirname(nodeConfig.getPath()),
        bundles = fs.readdirSync(dir),
        bemdeclFiles = [];
        bundles.forEach(function (bundle) {
            if (bundle === 'merged' || bundle === '.bem') return;
            var node = path.join(dir, bundle),
            target = bundle + '.bemdecl.js';
            bemdeclFiles.push(target);
        });
        nodeConfig.addTechs([
            [enbBemTechs.mergeBemdecl,  { sources: bemdeclFiles }],
        ]);
        nodeConfig.addTarget( 'merged.bemdecl.js' );
    });

И выдает ошибку There is no tech for target desktop.bundles\merged\example.bemdecl.js Что не так? Заранее спасибо

8 years ago

tadatuta

@Trusow пожалуй, нужен полный текст конфига

8 years ago

Trusow

пожалуйста

var path = require('path'),
fs = require('fs'),
platforms = ['desktop'];
var techs = {
    // essential
    fileProvider: require('enb/techs/file-provider'),
    fileMerge: require('enb/techs/file-merge'),
    fileCopy: require('enb/techs/file-copy'),

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

    // css
    sass: require('enb-sass/techs/css-sass'),

    // js
    browserJs: require('enb-js/techs/browser-js'),

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

    // bemhtml
    bemhtml: require('enb-bemxjst/techs/bemhtml'),
    bemjsonToHtml: require('enb-bemxjst/techs/bemjson-to-html')
},
enbBemTechs = require('enb-bem-techs'),
levels = [
    'common.blocks',
    'desktop.blocks'
];

module.exports = function(config) {

    // создаем папки merged в сборках бандлов
    platforms.forEach(function (platform) {
        var node = path.join(platform + '.bundles', 'merged');

        if (!fs.existsSync(node)) {
            fs.mkdirSync(node);
        }
    });


    var isProd = true;

    config.nodes('*.bundles/*', function(nodeConfig) {
        if( path.basename(nodeConfig.getPath()) === 'merged' ) {
            return;
        }
        nodeConfig.addTechs([
            // essential
            [enbBemTechs.levels, { levels: levels }],
            [techs.fileProvider, { target: '?.bemjson.js' }],
            [enbBemTechs.bemjsonToBemdecl,  { target: '?.bemdecl.js' }],
            [techs.fileCopy, { source: '?.bemdecl.js', target: '../merged/?.bemdecl.js' }],

            [enbBemTechs.deps],
            [enbBemTechs.files],

            // css
            [techs.sass, {
                target: '?.css',
                sourcemap: false,
                autoprefixer: {
                    browsers: ['ie >= 10', 'last 2 versions', 'opera 12.1', '> 2%']
                }
            }],

            // bemtree
            // [techs.bemtree, { sourceSuffixes: ['bemtree', 'bemtree.js'] }],

            // bemhtml
            [techs.bemhtml, { sourceSuffixes: ['bemhtml'], forceBaseTemplates: true }],

            // html
            [techs.bemjsonToHtml, { target: '?.html' } ],
            [techs.fileCopy, { source: '?.html', target: '../merged/?.html' }],

            // 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'
            }],

            // js
            [techs.browserJs, { includeYM: false }],
            [techs.fileMerge, {
                target: '?.js',
                sources: ['?.browser.js']
            }],

            // borschik
            [techs.borschik, { source: '?.js', target: '?.min.js', minify: isProd }],
            [techs.borschik, { source: '?.css', target: '?.min.css', tech: 'cleancss', minify: isProd }]
        ]);

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


    config.nodes('*.bundles/merged', function(nodeConfig) {
        var dir = path.dirname(nodeConfig.getPath()),
        bundles = fs.readdirSync(dir),
        bemdeclFiles = [];
        bundles.forEach(function (bundle) {
            if (bundle === 'merged' || bundle === '.bem') return;
            var node = path.join(dir, bundle),
            target = bundle + '.bemdecl.js';
            bemdeclFiles.push(target);
        });
        nodeConfig.addTechs([
            [enbBemTechs.mergeBemdecl,  { sources: bemdeclFiles }],
        ]);
        nodeConfig.addTarget( 'merged.bemdecl.js' );
    });
};

8 years ago

Trusow

Разобрался

Вся фишка в том, что при обходе обычных бандлов не нужно копировать депсы или бемдеклы в мергед. Их нужно копировать при заходе на мергед бандл. На мой взгляд это нерационально. Хотя я могу ошибаться. Но просто к примеру: вот у нас 20 бандлов и 1 мергед бандл. Если мы захотим смержить css и js, нам придется скопировать 20 депсов или бемдеклов. Просто не понимаю: зачем? Их можно класть при билдинге бандла в мергед. Далее при заходе на мергед просматривать существующие депсы и сливать их в один, и далее генерить нужные нам файлы. Мне кажется, так будет производительнее.

Вот сам получившийся make.js

Суть его работы: при заходе на обычный бандл генерит html в мергед-бандл, у себя в папке оставляет только депс, нужный в дальнейшем при мергеде. Таким образом папка с бандлом выглядит гораздо чище: всего 2 необходимых файла. Далее при заходе на мергед копирует себе депсы, сливает их в один и уже из этого генерит нужные нам css и js.

var path = require('path'),
fs = require('fs'),
platforms = ['desktop'];
var techs = {
    // essential
    fileProvider: require('enb/techs/file-provider'),

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

    // css
    sass: require('enb-sass/techs/css-sass'),

    // js
    browserJs: require('enb-js/techs/browser-js'),

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

    // bemhtml
    bemhtml: require('enb-bemxjst/techs/bemhtml'),
    bemjsonToHtml: require('enb-bemxjst/techs/bemjson-to-html')
},
enbBemTechs = require('enb-bem-techs'),
levels = [
    'common.blocks',
    'desktop.blocks'
];

module.exports = function(config) {

    // создаем папки merged в сборках бандлов
    platforms.forEach(function (platform) {
        var node = path.join(platform + '.bundles', 'merged');

        if (!fs.existsSync(node)) {
            fs.mkdirSync(node);
        }
    });


    var isProd = true;

    config.nodes('*.bundles/*', function(nodeConfig) {
        if( path.basename(nodeConfig.getPath()) === 'merged' ) {
            return;
        }
        nodeConfig.addTechs([
            // essential
            [enbBemTechs.levels, { levels: levels }],
            [techs.fileProvider, { target: '?.bemjson.js' }],
            [enbBemTechs.bemjsonToBemdecl,  { target: '../merged/?.bemdecl.js' }],

            [enbBemTechs.deps, { bemdeclFile: '../merged/?.bemdecl.js', target: '?.deps.js' }],
            [enbBemTechs.files],

            // bemhtml
            [techs.bemhtml, { sourceSuffixes: ['bemhtml'], forceBaseTemplates: true, target: '../merged/?.bemhtml.js' }],

            // html
            [techs.bemjsonToHtml, { bemhtmlFile: '../merged/?.bemhtml.js', target: '../merged/?.html' } ],
        ]);

        nodeConfig.addTargets([ '../merged/?.html']);
    });

    config.nodes('*.bundles/merged', function(nodeConfig) {
        var dir = path.dirname(nodeConfig.getPath());
        var bundles = fs.readdirSync(dir);
        var bemdeclFiles = [];
        var depsFiles = [];
        bundles.forEach(function (bundle) {
            if (bundle === 'merged' || bundle === '.bem') return;
            var node = path.join(dir, bundle);
            var target_bemdecl = bundle + '.bemdecl.js';
            var target_deps = bundle + '.deps.js';
            bemdeclFiles.push( target_bemdecl );
            depsFiles.push( target_deps );
            nodeConfig.addTechs([[enbBemTechs.provideDeps, { node: node, source: target_deps, target: target_deps }],]);
        });
        nodeConfig.addTechs([
            [enbBemTechs.mergeDeps,  { sources: depsFiles }],
            [enbBemTechs.files, { depsFile: '?.deps.js' } ],
            [enbBemTechs.levels, { levels: levels }],
            [techs.sass, {
                target: 'main.css',
                sourcemap: false,
                autoprefixer: {
                    browsers: ['ie >= 10', 'last 2 versions', 'opera 12.1', '> 2%']
                }
            }],
            [techs.borschik, { source: 'main.css', target: 'main.min.css', tech: 'cleancss', minify: isProd }],
            [techs.browserJs, { includeYM: false, target: 'main.js' }],
            [techs.borschik, { source: 'main.js', target: 'main.min.js', minify: isProd }],
        ]);
        nodeConfig.addTargets(  [ 'main.min.css', 'main.min.js'  ]);
    });

};

8 years ago

tadatuta

Выглядит вполне годно, разница по производительности между вариантами, когда копировать умозрительно будет равна fs.readdirSync(dir) + скорости обхода получившегося массива, так что, думаю, на это нет смысла обращать внимание, если бандлов всего ~20.

8 years ago

Trusow

Спасибо) Сегодня, думаю, выложу допиленный конфиг + gulpfile для вотча. Думаю, кому-нибудь сможет пригодится.

Чтобы оставлять комментарии, необходимо авторизоваться.