What is the proper way to use lazy-loaded Sentry and add integrations

[jrencz]

I'm migrating from Sentry loaded from browser.sentry-cdn.com to js.sentry-cdn.com as shown on https://docs.sentry.io/platforms/javascript/install/lazy-load-sentry/

I'm aware that I need to wrap the Sentry.init into a Sentry.onLoad and it all works quite well but for the fact that in previous setup I used some of the cdn-hosted integrations as well.

Is there a recommended way to express that except for the main part I also want integrations loaded? It doesn't seem to be supported. I'm able to handle it myself somehow so that by Sentry.onLoad those of integrations that finished loading will be passed to Sentry.init but I wonder if there's some built-in way I missed or maybe it's on a roadmap?

It seems like integrations are natural next config to set in Settings -> Projects -> Client Keys (DSN) especially that the loader has the project identifier as file name.

[andreyvolokitin]

I tried to preload (link rel=preload) integration bundle directly after the sentry loader, then inside onReady append it via dynamic script creation (assuming it already loaded by the time big Sentry bundle is ready). I tried Sentry.init inside a integration script load event handler, but Sentry didn't respect this config and used standard init settings instead. This seemed strange to me

But in general you could insert integration scripts in a render-blocking manner (directly after loader script)

[andreyvolokitin]

Related issue: #2476