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