Lazy load Security plugin management apps.

[azasypkin]

Summary

Measurements are based on this guide.

Before

- 2.7M - security.plugin.js 
- 149K - 1.plugin.js   # I don't know where the chunk `0` is .....
- 175K - 2.plugin.js        
- 135K - 3.plugin.js        
-  32K - 4.plugin.js        
-  13K - 5.plugin.js        
- 3.2K - 6.plugin.js        
- 6.1K - 7.plugin.js        
-  15K - 8.plugin.js        

After

- 269K - security.plugin.js
-  26K - 0.plugin.js
- 150K - 1.plugin.js
-  24K - 2.plugin.js
- 1.9M - 4.plugin.js
- 178K - 5.plugin.js
- 179K - 6.plugin.js
- 100K - 7.plugin.js
-  44K - 8.plugin.js
-  61K - 9.plugin.js
-  35K - 10.plugin.js
- 135K - 11.plugin.js
-  32K - 12.plugin.js
-  35K - 13.plugin.js
-  39K - 14.plugin.js
-  29K - 15.plugin.js
-  23K - 16.plugin.js
-  32K - 17.plugin.js
-  26K - 18.plugin.js
-  58K - 19.plugin.js
-  15K - 20.plugin.js
- 3.5K - 21.plugin.js
- 5.5K - 22.plugin.js
- 2.3K - 23.plugin.js
- 2.8K - 24.plugin.js

Related to: #64192

cc @restrry

[elasticmachine]

Pinging @elastic/kibana-security (Team:Security)

[azasypkin]

note: decided to lazy load these API clients as well - not a big win, but doesn't cost too much either.

[azasypkin]

@legrego @jportner this one is ready for review whenever any of you have time. If this approach looks good to you, I can prepare a similar one for Spaces management app.

[legrego]

Thanks for taking this on @azasypkin!

For reference, chunk 3 is the role management app:

./public/management/roles/roles_management_app.tsx

Based on a very quick analysis, my theory is that the data plugin is at least somewhat responsible. I didn't see this referenced in the handful of other chunks that I looked at, and we are including quite a bit from that plugin by the looks of things:

IIRC, we only use the data plugin in order to retrieve a list of available index patterns, which drives the index privileges dropdown.

[azasypkin]

Based on a very quick analysis, my theory is that the data plugin is at least somewhat responsible. I didn't see this referenced in the handful of other chunks that I looked at, and we are including quite a bit from that plugin by the looks of things

Good find! Luckily it's not included into our main bundle that is loaded every time.

[legrego]

I'll finish reviewing this once #63563 is finalized and incorporated into this PR, but so far this is looking good

[snide]

Small comment on how the naming of the sass files will need to change. Core idea is great though. Thanks for making this change.

[azasypkin]

@elasticmachine merge upstream

[kibanamachine]

💚 Build Succeeded

• continuous-integration/kibana-ci/pull-request
• Commit: dd0f8cc

History

• 💚 Build #43994 succeeded ff55e93
• 💔 Build #43830 failed f5ba8c7
• 💚 Build #43354 succeeded c03c025

To update your PR or re-run it, just comment with:
@elasticmachine merge upstream

[azasypkin]

I'll finish reviewing this once #63563 is finalized and incorporated into this PR, but so far this is looking good

Done! The number of chunks tripled, but I'm not worried at this point as the main goal is to decrease size of the main bundle that is loaded every time for every app (decreased to one-tenth of its original size). If it becomes a problem in the future we may manually group chunks together (e.g. load all management apps in one big chunk). I'd not be happy about that level of fine tuning though.

[legrego]

LGreatTM, thanks for taking this on!

[snide]

Did a code review. LGTM.

[azasypkin]

7.x/7.8.0: 785c113