Как подключать скрипты в БЭМ?

Question

[Георгий]

Добрый день.
Предположим есть блок A со своим скриптом A.js он входит в состав блока Б.

Как вы считаете как лучше подключить A.js?
1) Стоит ли его подключить с помощью импорта в Б.js
2) Или стоит создать файл main.js и туда импортом подключать скрипты всех блоков?

Первый метод плох тем что на странице где есть блоки Б и В скрипт A.js будет дублироваться.
Второй способ плох тем что если я к каждой странице буду подключать main.js то тогда будут подключаться и те скрипты, которые на данной странице не нужны.

Хочется ознакомится с вашим мнением.

P.S.
Со сборщиками пока знаком слабо, поэтому хотелось бы услышать просто решение.

Заранее спасибо.

Answer 1

[lambakean]

Блоки должны быть независимы друг от друга. Если что-то зависит от блока, то лучше сделать это элементом или модификатором.
Но если у вас для каждого элемента и каждого модификатора будет отдельный JS файл, то лучше подключать вторым способом. Если решили делать всё по разным файлам, то, наверное, лучше и подключать каждый файл отдельно, тем более ручной работы будет меньше, если все необходимые блоки / элементы / модификаторы подключаются сборщиком автоматически. Не придется прописывать импорты вручную для каждого элемента / модификатора.