vite-intlayer: Paquete NPM para internacionalizar (i18n) una aplicación Vite

Intlayer es una suite de paquetes diseñada específicamente para desarrolladores de JavaScript. Es compatible con frameworks como React, React y Express.js.

El paquete vite-intlayer te permite internacionalizar tu aplicación Vite. Incluye el plugin de Vite para configurar mediante variables de entorno en el empaquetador Vite. También proporciona middleware para detectar la configuración regional preferida del usuario y redirigirlo a la URL adecuada según lo especificado en la configuración.

¿Por qué internacionalizar tu aplicación Vite?

Internacionalizar tu aplicación Vite es esencial para atender eficazmente a una audiencia global. Permite que tu aplicación entregue contenido y mensajes en el idioma preferido de cada usuario. Esta capacidad mejora la experiencia del usuario y amplía el alcance de tu aplicación al hacerla más accesible y relevante para personas de diferentes orígenes lingüísticos.

Configuración

El paquete vite-intlayer funciona perfectamente con el paquete react-intlayer y el paquete intlayer. Consulta la documentación correspondiente para más información.

Instalación

Instala el paquete necesario usando tu gestor de paquetes preferido:

npm install vite-intlayer

Ejemplo de uso

Consulta un ejemplo de cómo incluir los plugins en tu configuración de Vite.

import { defineConfig } from "vite";import { intlayerPlugin, intLayerMiddlewarePlugin } from "vite-intlayer";// https://vitejs.dev/config/export default defineConfig({  plugins: [intlayerPlugin(), intLayerMiddlewarePlugin()],});

El plugin intlayerPlugin() para Vite se utiliza para integrar Intlayer con Vite. Asegura la construcción de archivos de declaración de contenido y los supervisa en modo desarrollo. Define variables de entorno de Intlayer dentro de la aplicación Vite. Además, proporciona alias para optimizar el rendimiento.

El plugin intLayerMiddlewarePlugin() añade enrutamiento del lado del servidor a tu aplicación. Este plugin detectará automáticamente la configuración regional actual basada en la URL y establecerá la cookie de localización apropiada. Si no se especifica ninguna localización, el plugin determinará la localización más adecuada basándose en las preferencias de idioma del navegador del usuario. Si no se detecta ninguna localización, redirigirá a la localización predeterminada.

Dominando la internacionalización de tu aplicación Vite

Intlayer ofrece muchas funcionalidades para ayudarte a internacionalizar tu aplicación Vite.

Para aprender más sobre estas funcionalidades, consulta la guía Internacionalización (i18n) en React con Intlayer, Vite y React para aplicaciones Vite y React.

Historial del documento

• 5.5.10 - 2025-06-29: Historial inicial