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 ti permette 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 dall'utente e reindirizzare l'utente 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. Permette alla tua applicazione di fornire contenuti e messaggi nella lingua preferita di ogni utente. Questa capacità migliora l'esperienza utente e amplia la portata della tua applicazione rendendola più accessibile e rilevante per persone provenienti da diversi contesti linguistici.

Configurazione

Il pacchetto vite-intlayer funziona perfettamente con il pacchetto react-intlayer e il pacchetto intlayer. Dai un'occhiata alla documentazione pertinente per maggiori informazioni.

Installazione

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

npm install vite-intlayer

Esempio di utilizzo

Ecco un esempio di come includere i plugin nella tua 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 plugin intlayerMiddlewarePlugin() aggiunge il routing lato server alla tua applicazione. Questo plugin rileverà automaticamente la locale corrente in base all'URL e imposterà il cookie della locale appropriata. Se non viene specificata alcuna locale, il plugin determinerà la locale più appropriata in base alle preferenze linguistiche del browser dell'utente. Se non viene rilevata alcuna locale, reindirizzerà alla locale predefinita.

Padroneggiare l'internazionalizzazione della tua applicazione Vite

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

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

Cronologia del documento

• 5.5.10 - 2025-06-29: Inizio cronologia