前言
在前端开发过程中，国际化是一个必不可少的环节。@danielchabr/lingui_cli 是一个基于 linguiJS 的国际化工具，它可以提供比较良好的国际化编写体验。本文将会详细介绍 @danielchabr/lingui_cli 的使用方法和细节。
安装
npm 安装：
--- ------- ---------- -----------------------
yarn 安装：
---- --- ----------------------- -----
配置
在 package.json 中添加 lingui 属性：
-
------- -------------------
---------- --------
--------- -
------------ ----------------
------------- --------
---------- --------- --------
-
-其中，
localeDir是本地化文件存放目录；srcPathDir是源代码目录，在此目录下执行命令；locales是支持的语言列表。
命令
lingui extract
提取代码中的翻译项。
--- ------ -------
lingui compile
编译翻译文件，生成执行文件。
--- ------ -------
lingui add-locale
添加新语言。
--- ------ ---------- --
lingui extract-messages
导出所有的翻译项。
--- ------ ----------------
示例代码
组件中使用
------ - ----- - ---- ----------------------------
-------- ------------- -
------ -
-----
------ ----------------------- --------------
------
--
-添加语言
--- ------ ---------- --
提取翻译
--- ------ -------
提取的翻译项会自动保存在 ./src/locales/messages.po 文件中。
编译翻译文件
--- ------ -------
结语
@danilechabr/lingui_cli 可以用于快速实现前端国际化，节省手动翻译和维护翻译文件的时间。希望本文能够对大家使用 @danilechabr/lingui_cli 有所帮助。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/106980