Actualmente estoy trabajando en la aplicación angular2 en cuyo index.html inyecto mi aplicación raíz. Lo que estoy tratando de lograr es traer mi página de destino html, css, js en index.html y cuando el usuario haga clic en cualquiera de los enlaces en la página, quiero que la aplicación angular comience a manejar eso. La razón para hacer esto es que la carga útil de mi aplicación angular js es demasiado grande: main.js tiene alrededor de 500 Kb. Ya he realizado todas las optimizaciones y sacudidas de árboles posibles. Esto está afectando demasiado a mi lcp y otras métricas, especialmente en dispositivos móviles.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <app-root></app-root> </body> </html>Además, mi aplicación raíz tiene una salida de enrutador para manejar cada una de las rutas.
Actualización: para resolver el primer caso, creo que tendremos que alojar dos aplicaciones, una aplicación estática que se redirige a spa como gmail.