How to optimize a project on require.js?

Question

JavaScript

Good afternoon!
I am working on an old and fairly large project, about 500 scripts, everything is loaded via require.js separately, so the site loading time is extremely inappropriate.
When loading, almost all scripts are connected, so I want to have one js file, without duplicates and other garbage.
There is no clear start module, the require script, its config and the first main.js script are included in the html page:

script.setAttribute("data-main", "/require-config.js?c=" + Date.now().toString());
script.onreadystatechange = script.onload = function (){
    ...
    script.setAttribute("src", "main.js");
    ...
}
script.setAttribute("src", "/lib/requirejs/require.js");

How to optimize the require.js application, collect all the scripts (which are included when the site loads) into one file, and not lose the asynchronous loading of other files?

Answer 1

webpack + async-loader for it.