使用您最喜欢的AI助手总结文档,并引用此页面和AI提供商
通过将 Intlayer MCP 服务器集成到您的 AI 助手,您可以直接从 ChatGPT、DeepSeek、Cursor、VSCode 等获取所有文档。
查看 MCP 服务器文档此页面的内容已使用 AI 翻译。
查看英文原文的最新版本如果您有改善此文档的想法,请随时通过在GitHub上提交拉取请求来贡献。
文档的 GitHub 链接复制文档 Markdown 到剪贴板
vite-intlayer:用于 Vite 应用程序国际化(i18n)的 NPM 包
Intlayer 是一套专为 JavaScript 开发者设计的包。它兼容 React、React 和 Express.js 等框架。
vite-intlayer 包 允许您对 Vite 应用程序进行国际化。它包含一个 Vite 插件,通过环境变量将配置设置到 Vite 打包器 中。它还提供中间件,用于检测用户偏好的语言环境,并根据 配置 将用户重定向到相应的 URL。
为什么要对您的 Vite 应用程序进行国际化?
对您的 Vite 应用程序进行国际化对于有效服务全球用户至关重要。它使您的应用程序能够以每个用户偏好的语言提供内容和信息。此功能提升了用户体验,并通过使应用程序对不同语言背景的人群更易访问和更具相关性,扩大了应用程序的覆盖范围。
配置
vite-intlayer 包与 react-intlayer 包 和 intlayer 包 无缝协作。有关更多信息,请查看相关文档。
安装
使用您喜欢的包管理器安装必要的包:
复制代码到剪贴板
npm install vite-intlayer
使用示例
查看如何将插件包含到您的 vite 配置中的示例。
复制代码到剪贴板
import { defineConfig } from "vite";import { intlayerPlugin, intLayerMiddlewarePlugin } from "vite-intlayer";// https://vitejs.dev/config/export default defineConfig({ plugins: [intlayerPlugin(), intLayerMiddlewarePlugin()],});
intlayerPlugin() 是用于将 Intlayer 集成到 Vite 的插件。它确保内容声明文件的构建,并在开发模式下进行监控。它在 Vite 应用中定义了 Intlayer 的环境变量。此外,它还提供别名以优化性能。
intLayerMiddlewarePlugin() 为您的应用添加服务器端路由。该插件会根据 URL 自动检测当前语言环境并设置相应的语言环境 Cookie。如果未指定语言环境,插件将根据用户浏览器的语言偏好确定最合适的语言环境。如果未检测到语言环境,则会重定向到默认语言环境。
掌握您的 Vite 应用的国际化
Intlayer 提供了许多功能,帮助您实现 Vite 应用程序的国际化。
要了解有关这些功能的更多信息,请参阅针对 Vite 和 React 应用程序的 使用 Intlayer 和 Vite 进行 React 国际化 (i18n) 指南。
文档历史
- 5.5.10 - 2025-06-29:初始化历史