資訊專欄INFORMATION COLUMN
摘要：在寫一個(gè)的過(guò)程中難免會(huì)遇到要做國(guó)際化的時(shí)候也就是需要根據(jù)不同的地區(qū)展示不同的文案對(duì)于簡(jiǎn)單的文本直接用一個(gè)或者或者一個(gè)變量就能搞定但是有時(shí)候需要在一句話中加入變量就比較麻煩或者說(shuō)比較惡心了比如這樣的情況有個(gè)人喜歡了你應(yīng)運(yùn)而生其作用是將模板
在寫一個(gè)APP的過(guò)程中, 難免會(huì)遇到要做國(guó)際化的時(shí)候. 也就是需要根據(jù)不同的地區(qū), 展示不同的文案. 對(duì)于簡(jiǎn)單的文本, 直接用一個(gè)xml或者json或者一個(gè)變量就能搞定, 但是有時(shí)候需要在一句話中加入變量, 就比較麻煩或者說(shuō)比較惡心了. 比如這樣的情況:
cn: 有xx個(gè)人喜歡了你. en: xx People liked you.
i18n-json-compiler應(yīng)運(yùn)而生, 其作用是將json模板編譯成TypeScript(或者JavaScript)函數(shù)或者字符串.
比如對(duì)以下json:
[
{ "cn": "你好", "en": "Hello" },
{ "cn": "{n}個(gè)好友", "en": "{n} friends" },
]
可以直接編譯出ts文件, 內(nèi)容大致如下:
export const cn = {
Hello: "你好",
n_friends: (n: any) => n + "個(gè)好友",
}
export const en = {
Hello: "Hello",
n_friends: (n: any) => n + " friends",
}
在代碼中直接調(diào)用相應(yīng)的屬性或函數(shù)即可.
安裝yarn add i18n-json-compiler # 或者使用npm/cnpm npm i -S i18n-json-compiler使用
在命令行中, 執(zhí)行./node_modules/.bin/i18n, 參數(shù)如下:
i18n [options] - Parse i18n json files to typescript files. Options: -i, --input-files The json files to parse [string] [required] -o, --output-dir The directory to emit output [string] [required] -h, --help Show help [boolean] -v, --version Show version number [boolean] --default-lang [string] [default: "cn"]JSON文檔的格式
i18n命令接受參數(shù)-i指定輸入文件列表(glob), 比如./strings/*.json, 文件格式為json, 內(nèi)容為一個(gè)數(shù)組. 每個(gè)數(shù)組元素為一組需要編譯的字符串. key為語(yǔ)言, value為值. 值中被{}包起來(lái)的地方會(huì)被轉(zhuǎn)換為函數(shù)參數(shù), 其格式為{name:type:default}, 其中:
name是必需的, 可以是字符串或數(shù)字
type為數(shù)據(jù)類型, 可以是int, double, string, boolean, any, 默認(rèn)為any, 即接受任意參數(shù)
default為參數(shù)默認(rèn)值
比如:
[
{
"cn": "{n:int:1}個(gè)人喜歡了你",
"en": "{n}people liked you"
}
]
得出的結(jié)果為:
const n_people_liked_you = (n: int = 1) => n + "個(gè)人喜歡了你"輸出格式
i18n接受參數(shù)-o指定輸出目錄, 輸入目錄中, 包括一個(gè)index.ts文件, 以及若干語(yǔ)言文件夾, 其中index.ts為所用到的文件, 其導(dǎo)出一個(gè)變量strings, 結(jié)構(gòu)如下:
