js lingui

Lingui _JS

？ JavaScript的可读，自动化和优化（3 kb）国际化

---

文档· QuickStart ·示例·支持·贡献·许可证

国际化是产品，应用或文档内容的设计和开发，可以轻松地定位在文化，地区或语言方面的目标受众。

--- W3C Web国际化常见问题

Lingui是全球项目的简单而强大的国际化（I18N）框架。

• 清洁和可读- 保持代码清洁和可读，而图书馆则使用经过战斗和功能强大的ICU MessageFormat下方。

• 通用- 到处使用它。 @lingui/core提供了必不可少的INTL功能，该功能在任何JavaScript项目中都起作用，而@lingui/react提供组件来利用React Rending渲染，包括React Server组件（RSC）支持。

• 完整的丰富文本支持- 在本地化消息中使用React组件，而无需任何限制。编写丰富的文本消息与编写JSX一样容易。

• 功能强大的工具- 使用Lingui Cli，Vite插件和ESLINT插件来管理INTL工作流程。 CLI提取，编译和验证消息，而Vite插件则可以随时编译目录，ESLINT插件有助于捕获常见的使用错误。

• 未经公开- 将通用语言集成到您现有的工作流程中。它支持消息键以及自动生成的消息。翻译存储在JSON或标准PO文件中，这些文件几乎所有翻译工具都支持。

• 轻量级和优化- 核心库小于3 kb的GZZ，React组件额外为1.4 kb GZZ。

• 活跃的社区- 加入不断增长的开发人员社区，这些开发人员正在使用语言来建造全球产品。

• 与React-Intl兼容- 低级React API与React-Intl非常相似，并且消息格式相同。迁移现有项目很容易。

Quickstart

1. 介绍
2. 安装和设置

教程

• 反应
• React服务器组件
• 反应天然
• JavaScript

例子

简短的示例I18N与JSX的外观：

 import { Trans } from "@lingui/react/macro"

function App ( ) {
  return (
    < Trans id = "msg.docs" /* id is optional */ >
      Read the < a href = "https://lingui.dev" > documentation </ a >
      for more info.
    </ Trans >
  )
}

该组件的消息将以以下格式提取：

 msgid "msg.docs"
msgstr "Read the <0>documentation</0> for more info."

有关更多示例，请参见示例目录。

支持

如果您有问题，请告诉我们。

• 加入我们的不和谐与社区聊天。
• 在Stackoverflow上询问问题，并使用linguijs标签标记。
• 如果某些内容无法如记录的那样工作，则缺少文档，或者您只想建议新功能，请创建一个问题。
• 您也可以问Lingui JS Guru，这是一个集中的Lingui JS AI来回答您的问题。

贡献

对开源项目的贡献是从传播单词，编写文档到实现功能和修复错误的一切。

• 您是否在生产地点使用通用语？让我们知道！
• 您是否看过有关I18N的有趣演讲或文章？分享！
• 您是否找到了一个错误，还是想建议新功能？创建一个问题！
• 您想改进文档并编写一些代码吗？阅读贡献者指南并发送公关！

贡献者

由于所有贡献的人，该项目的存在。 [贡献]。

执照

该项目是根据MIT许可证获得许可的。