How to build js according to BEM?

Question

JavaScript

I do BEM layout. There are folders with blocks that contain files with JS for these blocks (example-block/example-block.js). Then I glue all the js files into one common one with Galpom.
The crux of the matter: if I use jQuery and the files have $( document ).ready() or $( document ).scroll(), then the resulting file gets a million identical handlers for document. Is this normal and how does it affect performance? Are there any other options for assembling JS, besides stupid gluing?

Answer 1

Write in modules, build with Webpack
https://learn.javascript.ru/modules
https://habr.com/post/267639/
https://webpack.js.org/

Answer 2

This tool is great for layout https://parceljs.org

Answer 3

There is also ENB for these purposes. And the dock is good on the off site for the assembly