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許可證獲得許可的。