Estoy construyendo dos sitios separados a partir de un solo proyecto angular. Estoy usando variables de entorno para realizar un seguimiento del sitio único.
export const getHomeComponent = (): any => { switch (environment.sitename) { case EmbassyName.BHCL: return HomeComponent; case EmbassyName.NL: return HomeNlComponent; } };Veo que los dos componentes están presentes en la compilación de producción. ¿Hay alguna forma de que angular Ivy implemente el algoritmo de agitación de árboles? Mi versión angular es 11.2.14
Como señaló @MikeOne, se puede lograr una solución creando un alias de componente en el archivo de entorno.
En environment.bhcl.ts :
export { HomeComponent } from '../app/public/home/home.component'; Y en environment.nl.ts :
export { HomeNlComponent as HomeComponent } from '../app/public/multiple-embassy/nl/home-nl/home-nl.component'; En el archivo module/routing-module, estoy importando HomeComponent y declarándolo.
Como efecto secundario, recibo errores de dependencia circular debido a la importación del archivo de entorno. Tal vez hacer un environment-service lo resolvería.
Editar: otra solución que he encontrado es separar los proyectos usando ng g application app-bhcl etc. Se puede crear un módulo de biblioteca usando ng g library lib y colocando funciones comunes allí. De esta manera, no hay forma de poner un paquete separado. json, por lo que varios proyectos tendrán que usar los mismos node_modules.
Edición 2: otra solución es crear app.modules/app-routing.modules separados y reemplazarlos en angular.json durante la compilación/servicio.
{ "replace": "src/app/app.module.ts", "with": "src/app/app.nl.module.ts" }, { "replace": "src/app/app-routing.module.ts", "with": "src/app/app-routing.nl.module.ts" } Después de eso, crearía módulos separados (en mi caso, public.module y public-nl.module ) y los colocaría en los respectivos módulos de aplicación/enrutamiento de aplicaciones.