AMD and BEM - will caching help me?

Question

Computer networks

Thinking through the architecture of a new web application, I came up with the idea of ​​using BEM in the context of AMD. Don't ask me why I need this, and why I didn't use WebComponents - that's a completely different story. Let's talk about something else:
The rendering of the template happens on the client. "BEM in the context of AMD" means that the templates for each block and each element are implemented in separate files and loaded into the browser asynchronously. In this case, these files are static and cached.
There are a lot of blocks, and as a result we get a huge number of requests to the server. Will caching static files solve this problem (if you do not consider caching at other levels)? How viable is this idea (the same WebComponents pull the same problem)?

Answer 1

It is customary for a production environment to glue and minify static files. Specifically for AMD (which does not look so good compared to competitors) there is r.js .
For completeness, it should be noted that with the advent of the HTTP / 2 era, the situation will change, in the new protocol it is more convenient and faster for the browser to download many small files. But support is not 100% yet, and where it is, it requires HTTPS.