UPD: Опубликовали альтернативный вариант, см. https://ru.bem.info/forum/1274
Привет!
Мы написали скрипт, который нарезает стили Font Awesome на отдельные файлы и раскладывает их по БЭМ методологии:
fa/
fa.css # общие стили
_icon/
fa_icon_500px.css
fa_icon_address-book-o.css
fa_icon_address-book.css
fa_icon_adjust.css
fa_icon_adn.css
Соответственно использование в BEMJSON выглядит так:
{ block: 'fa', mods: { icon: '500px' } }
А в HTML:
<div class="fa fa_icon_500px"></div>
Результат выполнения скрипта опубликовали в npm, так что теперь вы тоже можете сэкономить несколько десятков килобайт при использовании ограниченного набора иконок.
Для это потребуется установить библиотечку к себе на проект: npm i bem-font-awesome --save
и добавить ее в сборку в качестве уровня переопределения.
Исходники лежат тут: https://github.com/tadatuta/bem-font-awesome
Спасибо! Круто! И Наша реализация для материал иконок от гугла https://github.com/appwilio/bem-material-icons