Use code splitting to reduce bundle sizes (#2737)

Author: reakaleek

src/Elastic.Documentation.Site/Assets/main.ts

@@ -41,6 +41,12 @@ import('./web-components/AppliesToPopover')
 import('./web-components/FullPageSearch/FullPageSearchComponent')
 import('./web-components/Diagnostics/DiagnosticsComponent')
 
+if (config.buildType === 'isolated') {
+    import('./isolated')
+} else if (config.buildType === 'codex') {
+    import('./codex')
+}
+
 const { getOS } = new UAParser()
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any

src/Elastic.Documentation.Site/Layout/_Head.cshtml

@@ -27,15 +27,6 @@
 	}
 	<script>window.__DOCS_CONFIG__=@(new HtmlString(Model.FrontendConfigJson));</script>
 	<script src="@Model.Static("main.js")" defer></script>
-	@switch (Model.BuildType)
-	{
-		case BuildType.Isolated:
-			<script src="@Model.Static("isolated.js")" defer></script>
-			break;
-		case BuildType.Codex:
-			<script src="@Model.Static("codex.js")" defer></script>
-			break;
-	}
 	@if (Model.CanonicalBaseUrl is not null)
 	{
 		<link rel="canonical" href="@Model.CanonicalUrl" />

src/Elastic.Documentation.Site/package.json

@@ -45,14 +45,6 @@
     "codex-css": {
       "distDir": "_static",
       "source": "Assets/codex.css"
-    },
-    "isolated-js": {
-      "distDir": "_static",
-      "source": "Assets/isolated.ts"
-    },
-    "codex-js": {
-      "distDir": "_static",
-      "source": "Assets/codex.ts"
     }
   },
   "alias": {