vite-intlayer: Pacchetto NPM per internazionalizzare (i18n) un'applicazione Vite

Intlayer è una suite di pacchetti progettata specificamente per sviluppatori JavaScript. È compatibile con framework come React, React e Express.js.

Il pacchetto vite-intlayer consente di internazionalizzare la tua applicazione Vite. Include il plugin Vite per impostare la configurazione tramite variabili d'ambiente nel bundler Vite. Fornisce inoltre un middleware per rilevare la lingua preferita dell'utente e reindirizzarlo all'URL appropriato come specificato nella configurazione.

Perché internazionalizzare la tua applicazione Vite?

Internazionalizzare la tua applicazione Vite è essenziale per servire efficacemente un pubblico globale. Consente alla tua applicazione di fornire contenuti e messaggi nella lingua preferita di ciascun utente. Questa capacità migliora l'esperienza utente e amplia la portata della tua applicazione rendendola più accessibile e rilevante per persone di diversi background linguistici.

Configurazione

Il pacchetto vite-intlayer funziona perfettamente con il pacchetto react-intlayer e il pacchetto intlayer. Consulta la documentazione pertinente per maggiori informazioni.

Installazione

Installa il pacchetto necessario utilizzando il tuo gestore di pacchetti preferito:

npm install vite-intlayer

Esempio di utilizzo

Vedi un esempio di come includere i plugin nella configurazione di vite.

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

Il plugin Vite intlayerPlugin() viene utilizzato per integrare Intlayer con Vite. Garantisce la creazione dei file di dichiarazione dei contenuti e li monitora in modalità sviluppo. Definisce le variabili d'ambiente di Intlayer all'interno dell'applicazione Vite. Inoltre, fornisce alias per ottimizzare le prestazioni.

Il intLayerMiddlewarePlugin() aggiunge il routing lato server alla tua applicazione. Questo plugin rileverà automaticamente la lingua corrente in base all'URL e imposterà il cookie della lingua appropriato. Se non è specificata alcuna lingua, il plugin determinerà la lingua più appropriata in base alle preferenze linguistiche del browser dell'utente. Se non viene rilevata alcuna lingua, reindirizzerà alla lingua predefinita.

Padroneggiare l'internazionalizzazione della tua applicazione Vite

Intlayer fornisce molte funzionalità per aiutarti a internazionalizzare la tua applicazione Vite.

Per saperne di più su queste funzionalità, consulta la guida Internazionalizzazione (i18n) con Intlayer e Vite e React per applicazioni Vite e React.