how to chunk appart an angular dynamicaly injected component

[phil123456]

Hi,

the seed, apparently, automates the separation of components that are lazy loaded ... just amazing

but how do I force a particular angular component to be chunked separately ?
I add that component dynamicaly, by injecting it in a template

let componentFactory = this.componentFactoryResolver.resolveComponentFactory(adItem.component);
let viewContainerRef = this.adHost.viewContainerRef;
let componentRef = viewContainerRef.createComponent(componentFactory);

[I came here since nobody replies in stack overflow]

thanks

[Foxandxss]

No SO nor the issue you opened in the angular repo for the DCL guide :P

I am not sure if I follow you problem nor if if you can fix it with webpack.

[phil123456]

"No SO nor the issue you opened in the angular repo for the DCL guide :P"

I have no idea what this phrase means :-) SO ?DCL ? the issue I opened ???

if you do lazy loading, webpack creates a separate chunk...js , right ? and it is fetched when you navigate

so as I inject a component in a template dynamicaly, I want it to be in a separate chuk too and fetched when I insert the component too.... angular is so static ...

dynamic content can be loaded so easily with regular php/js application

[Foxandxss]

I have no idea in how to do that, sorry.

And with the issue I mean angular/angular#17158