Multiple angular app initializers : <p>We know that in root module provider we can set an <code>APP_INITIALIZER</code> that bootstrap some dependencies in the backend and then loads the first component</p>

<pre><code>{
    provide: APP_INITIALIZER,
    useFactory: configLoader,
    multi: true,
    deps: [ConfigService]
}
</code></pre>

<p>I will load my user configs before the app starts in the above way, but I want to do somehing more, like connect websocket before my app starts.</p>

<p>I know that I can do in in <code>configLoader</code> function that I wrote, that first load configs and then connect websocket in that configLoader function, but for some reasons, I can't do that right now, so I need  do in in someway like this:</p>

<pre><code>{
    provide: APP_INITIALIZER,
    useFactory: [configLoader, websocketLoader],
    multi: true,
    deps: [ConfigService, WebsocketService]
}
</code></pre>

<p>But unfortunately, it won't work. So is there any way to load multiple app initializers?</p>
