How do you organize the code on the front?

Question

css

Hello!
I got a project that was carried out by several generations of programmers. The guys used everything they could. vanilla js, jquery, backbone, knokout and finally angular.
Looking at all this diversity, the question arises - how best to organize it so that it does not hurt so excruciatingly?
How do you organize code on the frontend? What do you use, collect, where do you store?

Answer 1

Use the KISS principle (“keep it simple, stupid”).

Answer 2

How do you organize code on the frontend? What do you use, collect, where do you store?

What? - JS (was, is - better than all the libraries taken together) + (well, if you really need everything else)
What? - gulp
Where? - git
PS: As for me.

Answer 3

vanilla js + jquery and vanilla js + angular will be sources of hard-to-debug memory leaks, so if possible, it's better to throw out this noodles and write from scratch on what you know. For refactoring, for sure, time will be killed more than just doing it all over again.
By assembly: webpack + commonJS modules

Answer 4

I recommend to look at what code architecture popular yeoman generators offer