Question

I have many modules. One module loads another module, which loads another module. Etc…

And of course, when I load the page, all of these modules load. It works perfectly. Without the optimizer. (even though it takes a minute, because the browser has to load 50 things).

When I use optimizer…in my app.build.js, it seems that I have to manually specify each module!??

Why can’t optimizer automatically traverse through the modules?

Answer 1

You only have to specify the module you wanna optimize, not its dependencies. From the docs:

In the modules array, specify the module names that you want to
optimize, in the example, “main”. “main” will be mapped to
appdirectory/scripts/main.js in your project. The build system will
then trace the dependencies for main.js and inject them into the
appdirectory-build/scripts/main.js file.

({
    appDir: "../",
    baseUrl: "scripts",
    dir: "../../appdirectory-build",
    modules: [
        {
            name: "main"
        }
    ]
})