gettext 是GNU 提供的一套 國際化與本地化 處理的相關函數庫。大多數語言都有對應的gettext實現。本文主要使用jed 來實現gettext 一系列方法對應的功能。

pot/po文件

xgettext/msginit/msgmerge

多語言支持流程

安裝gettext

brew install gettextbrew link gettext

langs-loader 加載語言文件

npm install git@github.com:ezbuy/langs-loader.git --save-dev

需要修改webpack.config.js文件在module->rules（webpack 2.0）下面添加loader規則：

{  test: //.pot$/i,  use: [    "json",    {      loader: 'langs',      options: {isLoadAll: isDev,format:"jed1.x", "fallback-to-msgid":true, code:langCode}    }  ]}

isLoadAll表示會把所有語言版本的文件通過po2json轉換成json，然后組合成一個json作為數據傳給引用的地方。

code選項一般需要在代碼發布時指定，不同語言版本打包時通過傳入不同的code區分不同語言版本的代碼打包。

代碼中使用gettext系列函數

各端開發時使用各自實現的gettext方法去包裝需要實現多語言的文案。使用gettext函數包裝后， langs-util 就能知道代碼中有需要多語言翻譯的地方，并可以通過 langs-util 生成相關的pot及po文件。gettext方法底層我們使用jed 來實現其對應功能。

import toi18n from "common/i18n";const _ = toi18n(require("langs/index.pot"));const hiStr = _.gettext("Hi!");const num = Math.ceil(Math.random() * 2);const numStr = _.ngettext("item", "items", num);// I like your red shirt.console.log(_.sprintf( "I like your %1$s %2$s.", 'red', 'shirt'));

一般使用 gettext 方法包裝一個需要翻譯的字符串。

可以用于單復數處理，第一個參數傳入單數情況下的翻譯，第二個參數傳入復數情況下的翻譯，第三個傳入實際需要執行判斷的數據。

Jed內置提供了sprintf的支持，它是使用javascript-sprintf的sprintf函數的實現。

通過gettext 一系列函數的配合，使用 langs-util 進行生成處理后就能生成對應的pot及po文件。

langs-util gen -i src/

# langs/index.potmsgid "Hi!"msgstr ""msgid "item"msgid_plural "items"msgstr[0] ""msgstr[1] ""