? 자바 스크립트를위한 읽기 쉬운, 자동화 및 최적화 (3 KB) 국제화
문서 · QuickStart · 예제 · 지원 · 기여 · 라이센스
국제화는 문화, 지역 또는 언어에 따라 다른 대상 청중을 쉽게 현지화 할 수있는 제품, 애플리케이션 또는 문서 컨텐츠의 설계 및 개발입니다.
--- W3C 웹 국제화 FAQ
Lingui는 글로벌 프로젝트를위한 쉽지만 강력한 국제화 (I18N) 프레임 워크입니다.
깨끗하고 읽기 쉬운 - 코드를 깨끗하고 읽을 수있게하십시오. 도서관은 전투 테스트하고 강력한 ICU 메시지 폼을 사용합니다.
보편적 - 어디서나 사용하십시오. @lingui/core 모든 JavaScript 프로젝트에서 작동하는 필수 INTL 기능을 제공하며 @lingui/react RSC (React Server 구성 요소) 지원을 포함하여 React Rendering을 활용하기위한 구성 요소를 제공합니다.
전체 풍부한 텍스트 지원 - 제한없이 현지 메시지 내부의 React 구성 요소를 사용하십시오. 풍부한 텍스트 메시지를 작성하는 것은 JSX를 작성하는 것만 큼 쉽습니다.
강력한 툴링 - Lingui CLI, Vite 플러그인 및 Eslint 플러그인으로 INTL 워크 플로를 관리하십시오. CLI는 메시지를 추출, 컴파일 및 검증하는 반면 Vite 플러그인은 카탈로그를 즉시 컴파일하고 Eslint 플러그인은 일반적인 사용 오류를 포착 할 수 있도록 도와줍니다.
비회화되지 않은 - 언어를 기존 워크 플로에 통합하십시오. 메시지 키와 자동 생성 메시지를 지원합니다. 번역은 거의 모든 번역 도구에서 지원되는 JSON 또는 표준 PO 파일에 저장됩니다.
경량 및 최적화 - 코어 라이브러리는 3kb 미만이며, 반응 구성 요소는 추가 1.4kb Gzipped입니다.
활발한 커뮤니티 - Lingui를 사용하여 글로벌 제품을 구축하는 개발자 커뮤니티에 가입하십시오.
React-Intl과 호환 -저수준 React API는 React-Intl과 매우 유사하며 메시지 형식이 동일합니다. 기존 프로젝트를 마이그레이션하는 것은 쉽습니다.
짧은 예제 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."더 많은 예는 예제 디렉토리를 참조하십시오.
문제가있는 경우 알려주십시오.
linguijs 태그로 표시하십시오.오픈 소스 프로젝트에 대한 기여는 단어 확산, 문서 작성, 기능 구현 및 버그 수정부터 모든 것입니다.
이 프로젝트는 기부 한 모든 사람들 덕분에 존재합니다. [기여하다].
이 프로젝트는 MIT 라이센스에 따라 라이센스가 부여됩니다.