Tengo una aplicación React en la que necesito internacionalizar las metapropiedades del gráfico abierto y las etiquetas title, description y noscript en index.html . Para que un rastreador de gráficos abiertos como el que usan en Slack, Facebook, LinkedIn, etc. los vea, el servidor debe proporcionar un index.html donde todas estas propiedades se configuran en la cadena internacionalizada correcta cuando el cliente accede al enlace. Por lo tanto, usar un marco basado en el cliente como Helmet está fuera de discusión.

1. Meta 1: Me gustaría que Vite usara una plantilla común para producir tres versiones de index.html: una para cada idioma. Cada index_lng.html debe usar el mismo paquete de javascript.

He buscado escribir mi propio complemento Vite para esto, pero parece que solo puedo hacer un mapeo 1 a 1 de mi plantilla index.html.

2. Objetivo 2: también me gustaría configurar el servidor de desarrollo para que sirva el archivo index_lng.html correcto en función de un parámetro de consulta en la URL. Entonces, si le envío a alguien un enlace a myapp.com?lng=de , el servidor de desarrollo debería responder con index_de.html .

¿Es posible lograr estas dos cosas con Vite? Cualquier sugerencia sería muy apreciada.