Войти с помощью github

Стоит задача - обернуть вендорный js в ymodules.

При этом, это должно быть технологией. Т.к. вендорный JS используется не только для самого приложения, но и в тестах. В общем применение банальной нотации борщика в исходнике не подходит - нужен промежуточное состояние.

Нужно из ?.vendor.js превратить в ?.js.

Внутри ?.vendor.js

Будет что-то типа такого:

(function(name, ctx, define) {
    var module = define.call(ctx, ctx);
    typeof modules === 'object'?
        modules.define(name, function(provide) { provide(module); }) :
        (ctx[name] = module);
}('backbone', this, function(global) {
    /*vendorof:../../../libs/backbone/backbone.js*/;
    return global.Backbone;
}));

modules.define('backbone', function (provide, Backbone) {
    'use strict';

    Backbone.prototype.someMethod = replaceMethod;
    provide(Backbone.noConflict());
});

Все текущие примеры собирают код в конечный продукт. Мне же нужен промежуточный ?.js который будет содержать в себе код вендора.

А уже потом собираться с остальным js.

Много где уже искал, но не могу найти. Создаю БЭМ блок-обертку над библиотекой из bower.io, но не могу понять как саму библиотеку подключить. Просто копировать файлы в папку с блоком считаю не правильным.

есть блок 'someBlock' в нём элемент 'elem1' в нём блок 'image', картинка image.svg

{
    block : 'someBlock'
        {
            elem: 'elem1',
            content:
        {
            block: 'image',
            attrs:{src: 'image.svg'}
        }
    }
}

получается такая вот файловая структура desktop.bundles |-index | |-... |desktop.blocks | |-image | |-someBlock | | |-__elem1

вопрос: куда положить файлик image.svg чтобы всё было по уму? если положить в папку с бандлом то безусловно работает, но что-то мне подсказывает что надо делать как то по другому, логично что картинка должна лежать где-то в /desktop.blocks/someBlock/__elem1, тогда не понятно как обратиться к этой картинке в attrs:{src: 'image.svg'} чтобы она нашлась?

Подскажите как с помощью борщика заморозить не только внешние ресурсы (картинки, шрифты) но и стили+скрипты. и, собственно, как получить ссылки на замороженные ресурсы. проект на php (если это важно) цель - после сборки выкладывать статику на другой сервер.

Здравствуйте. Очень нравится оптимизированные файлы после cборки в bem-tools. Сейчас хочу переверстать сайт, построенный на фреймворке Yii при помощи БЭМ. Но появляется вопрос, как использовать склеенную borschik'ом разметку (c трудом читаемую на глаз) в разных layout-ах и элементах view. Думаю это актуально при любом паттерне mvc и разных фреймворках. Дайте пожалуйста рекомендации, как лучше и правильней. Может есть специальные ключи для разбивки исходного файла при сборке.

Он изображения перемещает или копирует?

Я как-то раз на первых этапах знакомства его запустил, так все изображения из папок блоков переместились (возможно я что-то не то сделал).

Привет, друзья! Вот и закончил я свой сайт, по технологии БЭМ. И мне не хватает последнего - это собрать проект. Я в корни не понимаю как это сделать, где можно почитать , как правильно это делать? Что собственно делал я? Ввел такую команду (node_modules/.bin/enb make) он чет насобирал там и выдал что финиш, но где исходные файлы , которые он якобы собрал, я не могу найти...Куда он их вообще складывает? Есть еще ряд вопросов , а именно:

1) Использовал я project-stub, где выбрал не bem-tools, а enb. Но , запуск сервера почему-то, по команде npm-start не происходит, а только по bem-server. Почему так?Или так и должно быть?

2) Правильно ли я делал , что складывал картинки непосредственно в папку с сущностями ? Например __item и там лежат картинки , сборщик потом сам мне закинет все картинки в папку img и пути поменяет в коде?

3) Теперь вопрос о сторонних папках. Я создал в корневой папке проекта , папку со шрифтами , и от туда их подключаю, верно ли так поступать?А если мне понадобится какой-нибудь jquery плагин , который я хочу выкачивать с бовера, мне надо будет создать папку bower_components в самом проекте, на одном уровне с папками common.blocks, libs и т.д ? P.S: Вопрос о сборке , особой важности.. Спасибо!

Вот хочется всего и чтобы фризил и собирал мне в нужную структуру.

вот есть у меня папка bundles/index/*.*

В ней собралось все что надо, и css и js.

Теперь хочу, чтобы из этой папки мне собралась структура вот такого типа:

build/ ../css ../../img ../../../logo-sadfasdfsdfsdf234234.png ../../index-asdsdasdsdsdsd213213.css ../js ../../index-asdasdsad.js ../index.html

Как это сделать посредством enb+borschik?

Или это уже надо делать через gulp?

Помнится один замечательный пост http://clubs.ya.ru/bem/replies.xml?item_no=2807

Вопрос - может кто уже создал source map?

А то ребята не хотят работать с простыней, хотят чтобы все было разбито по полочкам.

толкнулись с проблемой распределения картинок по блокам Решили что наилучшим способом будет папка /block ../i ....block__element.jpg

Есть ли технология под сборку картинок? Я про bem-tools

Выкручиваясь в объяснениях при рассказе того, что происходит при сборке БЭМ. Нарисовал такую картинку:

bundle (начальная точка сборки) => deps.js (собираем граф) => bemdecl.js (линейная структура зависимостей) => сборка (конкатенация) => компиляция (преобразование типа less=>css)

Так вот, очень долго понять никто не мог, почему сборка не создает структуры которая нужна на выхлопе, типа такой:

app/
..css/
..../images
......logo.png
....app.css
..app.html

А собирает все обратно в блоки. При этом откровенно мешая работать над исходниками.

Пришлось написать пример с bem-tools + gulp

Где разделил понятия компиляция и сборка таким образом:

  1. bem-tools компилирует файлы исходников в нужный вид раскидывая по папкам блоков
  2. gulp собирает файлы из блоков в ожидаемую структуру.

Так, вот может быть стоит ввести в оборот "сборка/конкатенация файлов для компиляции", "компиляция", "сборка структуры".

Может станет понятнее новичкам?

Привет. Хочется чтобы при сборке при помощи enb в production режиме все png и svg файлы, которые указаны бекграундами для блоков и лежат рядом с ними конвертились в base64. Самостоятельно победить так и не удалось( В промерах борщика только варианты, когда картинки лежат в /i/png, что несколько странно и противоречит методологии.