Как использовать чистый JS согласно БЭМ?

Question

[AkanoCA]

Доброго времени суток, друзья!
Суть вопроса вот в чем
Я пока использую чистый JS и не могли бы вы мне пояснить, как правильно его реализовать согласно БЭМ.
Вот смотрите, для каждого блока, как я понимаю, используется свой JS файл, и потом, как я понимаю, все эти JS файлы объединяются в один. И поскольку изначально, на этапе кодинга, они все в разных файлах, довольно трудно уследить, что бы переменные не повторялись в своих наименованиях.
Как будет вернее всего избежать этой проблемы не нарушая БЕМ методологии?

На данный момент я использую довольно странный метод и не уверен, что он хорош вообще.
Вот пример того, что я делаю сейчас, я просто оборачиваю код в функцию с идентичным названием блока

Т.е. в HTML я имею блок с классом .banner
А в JS:

(function banner () {
...  //некий код 
}());

Я новичок и до лучшего пока не додумался.

Answer 1

[Ivan Bogachev]

согласно БЭМ

Ради ясности стоит отметить, что если почитать первоисточник, то окажется, что БЭМ - это не только про названия классов и разделение всего по файлам, там целый набор инструментов идет в комплекте. Если вы хотите именно использовать весь их стек - то начать стоит оттуда.

трудно уследить, что бы переменные не повторялись в своих наименованиях

Было бы логично использовать модули (гугл -> es6 modules).

P.S.: И почитайте про то, как сейчас скрипты собираются - это не просто склейка всего в один файл, там все немного сложнее.