Переживёт, ведь собранный файл представляет из себя чистый код вроде такого:
(function(global, undefined) {
var a = (function () { return 'a'; }).call(global),
b = (function () { return 'b'; }).call(global),
c = (function (a, b) { return a + b + 'c'; }).call(global, a, b);
})(this);
browserify — отлиная штука, мне она очень нравится, но для работы собранного кода она добавляет реализацию дополнительных функций вроде define, а я хочу получать чистый код
БЭМ — это не только про CSS, это ещё и про JS, шаблонизацию, файловую структуру и про сборку проекта, поэтому очень удобно оперировать именно такими сущностями.
А если сделать каскад:
.a .header {}
то получится, что это селектор на блок header, который вложен в блок a. Но так писать не стоит, потому что теряется смысл независимости блоков.
Если вам достаточно написать вручную HTML, по-быстрому накидать CSS и не менять регулярно внешний вид страницы, то можно обойтись традиционным подходом.
Как родилась методология БЭМ и зачем делать всё так сложно — об этом хорошо рассказывает Сергей Бережной в своём докладе на YaC 2011: video.yandex.ru/users/ya-events/view/387/
По сути блок — это и есть пространство имён. В этом пространстве задаются модификаторы и могут быть вложены элементы.
Проблема одноимённых пространств имён есть всегда.
У разных блоков разные имена. Если же появляется элемент интерфейса, совсем немного отличающийся от уже существующего, то можно взять готовый блок и добавить ему модификатор, всё верно.
А если сделать каскад:
то получится, что это селектор на блок
header, который вложен в блокa. Но так писать не стоит, потому что теряется смысл независимости блоков.a, у него есть элементheader. И ещё блокb, у него тоже есть элементheader.Получится такой css:
У каждого блока элемент
headerможет выглядеть абсолютно по-разному, но иметь одинаковое название.Как родилась методология БЭМ и зачем делать всё так сложно — об этом хорошо рассказывает Сергей Бережной в своём докладе на YaC 2011: video.yandex.ru/users/ya-events/view/387/
Проблема одноимённых пространств имён есть всегда.
Если что, могу рассмотреть пулреквест :)
ignoreдобавляет игнорируемые классы, а не полностью переопределяет заданный ранее список.Можно сделать обёртку, которая будет возвращать экземпляр со стандартными настройками.
И на проектах использовать её, переопределяя необходимые опции.
Для этого есть классная штука, csscomb.
А если надо применить этот скрипт в AMD, то его достаточно вызвать в нужном контексте.
(function(global) {
…
})(this);
Как вы думаете, нужен ли CLI для этой штуки?