Estoy usando la biblioteca de un solo spa (v 5.8.2) con múltiples proyectos angulares. Cuando intento importar ngx-quill (biblioteca que importa otra biblioteca (quill.js)), la biblioteca spa única reemplaza la URL de importación predeterminada con localhost: 9000 (la raíz de la URL se carga).
He seguido las instrucciones de single-spa para modificar la url del scss, imágenes y otros elementos propios, pero recuerda que en este caso la llamada de importación se hace desde una librería externa, que no se debe modificar.
También he probado a insertar mi propio interceptor en el que si detecta esa url en concreto la reemplaza por la que quiero, pero como esta llamada no es REST no pasa por esa y no puedo modificarla.
¿Es posible hacer que single-spa modifique por defecto las rutas para que accedan a los node_modules correspondientes?
¡Gracias!.
la biblioteca de spa único reemplaza la URL de importación predeterminada
single-spa no hace nada en el momento de la compilación y solo se usa en el navegador.
Lo que realmente sucede es que ng-quill probablemente hace uso de referencias relativas a activos externos. Esto podría ser en JavaScript ( import "./styles.css" ) o en CSS ( @import("./styles.css" ) pero en cualquier caso, esto significa que en el navegador la aplicación intentará resolverlos. Pero esas URL son relativas significa que son relativas al origen que cargó el activo, que es la configuración raíz. Es por eso que estás viendo esas URL.
¿Es posible hacer que single-spa modifique por defecto las rutas para que accedan a los node_modules correspondientes?
La respuesta a esto es no, porque el spa único no es lo que está causando esto. En su lugar, debe configurar su herramienta de compilación (creo que Webpack es lo que usa Angular) y manejar el procesamiento de esas URL. La comunidad Angular single-spa-angular los ha documentado aquí https://single-spa.js.org/docs/ecosystem-angular/#styles