#Sugerencias de tipos

Igual que un paquete NPM, los artefactos de Module Federation también generan tipos y disfrutan de recarga en caliente de tipos, aunque los artefactos estén alojados en una CDN remota.

@module-federation/enhanced tiene las sugerencias de tipos activadas por defecto. Este artículo presenta varios escenarios de uso habituales y su configuración concreta.

#Escenarios de uso

#Generar tipos

Al hacer build con el plugin de build que proporciona @module-federation/enhanced, los archivos de tipos se generan automáticamente.

#Cargar tipos

1. El consumer modifica tsconfig.json y añade paths:

{
  "compilerOptions": {
    "paths": {
      "*": ["./@mf-types/*"]
    }
  }
}

2. Inicia las aplicaciones

Tras iniciarse, el consumer obtendrá automáticamente los archivos de tipos del producer.

#Recarga en caliente de tipos

Después de modificar el código del producer, el consumer obtendrá automáticamente los tipos del producer.

#Sugerencias de tipos de la API de runtime

Añade ./@mf-types/* al campo include para disfrutar de sugerencias de tipos y recarga en caliente de tipos en loadRemote del Runtime:

{
  "include": ["./@mf-types/*"]
}

#Extracción de tipos de paquetes de terceros

Module Federation extrae automáticamente los tipos de los paquetes de terceros para garantizar que se pueda acceder con normalidad a los tipos de los archivos de exposes.

#Reexportación de tipos anidados

Module Federation admite remotes anidados y extrae automáticamente los tipos de los remotes anidados.

#Sugerencias de tipos dinámicos

Module Federation admite la carga de tipos dinámicos y también sus actualizaciones en caliente.

#Configuración

• dts: generación/carga de tipos
• dev: recarga en caliente de tipos

#Preguntas frecuentes

#El proyecto entra en compilación circular y no se puede detener

Probablemente se deba a que el compilador vigila los cambios en la carpeta de tipos o en el directorio dist. Añade @mf-types a los archivos ignorados. Por ejemplo, con webpack/rspack:

config.watchOptions = {
  ignored: ['**/node_modules/**', '**/@mf-types/**'],
};

#No se genera ningún archivo de tipos, ¿cómo encuentro la causa?

1. Añade la variable de entorno FEDERATION_DEBUG=true antes del comando de arranque del proyecto.
2. Configura dts.displayErrorInTerminal como true.
3. Inicia el proyecto y revisa la salida de la consola.
4. (Opcional) Si no hay ningún error en la consola, revisa el archivo de log .mf/typesGenerate.log.