How to correctly compose a web application?

Question

JavaScript

I am writing a multi-page web application. Some modules like status, menus, etc. is repeated on many (but not all) pages, some are repeated on all, and some are repeated individually.
What mechanism can competently compose each page?
For example:
1.html loads block1.js, block2.js, block5.js + 1, 2 and 5 layout blocks
2.html loads block8.js, block2.js, block12.js + 8,2 and 12 layout
blocks would be semi-automatic, like an array with the page address and its layout, and not insert individual scripts into each HTML file. Now on a similar project this is done with a self-written php linker, but I want a more beautiful and competent solution.

Answer 1

What application are you writing on? As far as I know, in Yii this is solved stupidly with assets. At least styles and js-ki. And you can look in the direction of grunt and other "collectors".