Estoy creando una aplicación ElectronJS, que debería permitir la instalación de complementos de UI, que se almacenarán localmente. Ahora estoy buscando una manera de mostrar estos complementos. Un complemento en sí mismo debería ser simplemente otro sitio web, que se comunica con la aplicación principal a través del paso de mensajes, como es común para la comunicación de iframe. Logré mostrar con éxito un archivo html local, que tiene sus scripts y estilos integrados en el archivo HTML. La configuración de webpack u otros paquetes para agrupar un proyecto en un solo archivo en línea ha resultado ser dolorosa y todavía no pude descubrir cómo agrupar activos de archivo (imágenes, etc.) como direcciones URL de datos en el archivo HTML tampoco. Por lo tanto, estoy buscando una manera de instruir a un iframe (o tal vez a cualquier otra etiqueta html) para que cargue un archivo de entrada html local y también los activos a los que se hace referencia en el archivo. Al final, el proyecto de complemento local debería ejecutarse como cualquier sitio web alojado al que se haga referencia en un iframe.

Busqué proyectos haciendo algo similar. Figma usa el enfoque de agrupar la interfaz de usuario en un solo archivo (lo que estoy tratando de evitar) y VSCode parece estar haciendo lo que necesito, pero en su documentación, Microsoft no entra en detalles sobre la compilación de activos.