type
status
date
slug
summary
tags
category
icon
password
i18n + Lingui 接入
一、安装依赖
在 package.json 中添加(示例版本):
二、Babel 配置
启用宏以支持 Lingui 的 t/Trans 等宏:
三、在应用中注入 Provider 与消息表
在页面或全局入口用 I18nProvider 包裹应用,并注入 translationsRecords(你的多语言消息对象)。
示例:页面入口使用
示例:全局入口使用
I18nProvider 说明
- 该组件内部完成 i18n 的初始化与语言激活,并接收 translationsRecords(多语言消息对象)。
四、消息表结构示例
你可以将消息维护为一个对象文件并按需加载:
五、在组件中使用
在 Provider 包裹的组件树下,使用 Trans 或 t 宏进行翻译:
补充
- 可结合代码分割按需加载语言包。
- keys(如 greeting)应保持稳定,便于维护与搜索。