vite-intlayer: Paquet NPM pour internationaliser (i18n) une application Vite

Intlayer est une suite de paquets conçue spécifiquement pour les développeurs JavaScript. Il est compatible avec des frameworks comme React, React, et Express.js.

Le paquet vite-intlayer vous permet d'internationaliser votre application Vite. Il inclut le plugin Vite pour définir la configuration à travers des variables d'environnement dans le regroupement Vite. Il fournit également un middleware pour détecter la langue préférée de l'utilisateur et rediriger l'utilisateur vers l'URL appropriée comme spécifié dans la configuration.

Pourquoi internationaliser votre application Vite ?

Internationaliser votre application Vite est essentiel pour servir efficacement un public mondial. Cela permet à votre application de fournir du contenu et des messages dans la langue préférée de chaque utilisateur. Cette capacité améliore l'expérience utilisateur et élargit la portée de votre application en la rendant plus accessible et pertinente pour des personnes de différents milieux linguistiques.

Configuration

Le paquet vite-intlayer fonctionne parfaitement avec le paquet react-intlayer et le paquet intlayer. Consultez la documentation pertinente pour plus d'informations.

Installation

Installez le paquet nécessaire en utilisant votre gestionnaire de paquets préféré :

npm install vite-intlayer

Exemple d'utilisation

Voir un exemple de la façon d'inclure les plugins dans votre configuration vite.

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

Le plugin Vite intlayerPlugin() est utilisé pour intégrer Intlayer avec Vite. Il garantit la construction des fichiers de déclaration de contenu et les surveille en mode développement. Il définit les variables d'environnement d'Intlayer au sein de l'application Vite. De plus, il fournit des alias pour optimiser les performances.

Le plugin intLayerMiddlewarePlugin() ajoute le routage côté serveur à votre application. Ce plugin détectera automatiquement la langue actuelle en fonction de l'URL et définira le cookie de langue approprié. Si aucune langue n'est spécifiée, le plugin déterminera la langue la plus appropriée en fonction des préférences de langue du navigateur de l'utilisateur. Si aucune langue n'est détectée, il redirigera vers la langue par défaut.

Maîtriser l'internationalisation de votre application Vite

Intlayer fournit de nombreuses fonctionnalités pour vous aider à internationaliser votre application Vite.

Pour en savoir plus sur ces fonctionnalités, consultez le guide Internationalisation (i18n) avec Intlayer et Vite et React pour les applications Vite et React.