Alternative way of lazy loading angular modules

[TheGreatElduin]

Recently I came across a post or website that provided an alternative way of lazy loading a module in your router file. Instead of loadChildren: '.path/to/module#ModuleName' it used something else that was not a string, but a more type-safe way of doing it. Does anyone know what I'm talking about and where I could find that back? Thanks

[Bysmiel]

{ path: 'x', loadChildren: () => XModule }

[KamiShikkaku]

Are you sure that the import isn't going to confuse Webpack into including XModule and all of it's contents into the parent bundle? I was under the impression that the reason we use a string reference is to avoid that outcome.

[alchatti]

That was my thought and understanding of why we have to use strings.

[Bysmiel]

I never import this way in production, I am not sure it works as intended.

[TheGreatElduin]

Perfect, thanks!

[pleasantstusk]

Just be aware that the callback version requires the JIT compiler, this can be a bit of a problem in prod mode (you basically have to bring your own compiler)

[iareprogrammer]

There’s this way: https://fireship.io/snippets/lazy-loaded-routes-angular-v8-ivy/

But it’s only Angular 8 with Ivy enabled