RequireJs實現i18n國際化Demo

2021-09-10 21:26:22 字數 1517 閱讀 5785

i18n(其**是英文單詞 internationalization的首末字元i和n,18為中間的字元數)是「國際化」的簡稱。在資訊領域,國際化(i18n)指讓產品(出版物,軟體,硬體等)無需做大的改變就能夠適應不同的語言和地區的需要。對程式來說,在不修改內部**的情況下,能根據不同語言及地區顯示相應的介面。

在全球化的時代,國際化尤為重要,因為產品的潛在使用者可能來自世界的各個角落。通常與i18n相關的還有l10n(「本地化」的簡稱)。

配製資訊

build.js

()
config.js

requirejs.config(,

config:

}});

入口檔案config

index.html

國際化測試如下:

main.js

var debug = true; //true表示開發中,false表示打包發布

if (debug) else

開發目錄src

//注意:國際化檔案的呼叫需要i18n外掛程式來預處理,即「i18n! + path」

require(['jquery', 'i18n!./nls/messages'], function ($, i18n) );

js/nls/messages.js

define();
js/nls/zh/messages.js

define();
js/nls/en/messages.js

define();
r.js安裝
npm install -g requirejs
r.js打包

在根目錄下執行git命令:r.js -o config/build.js

打包後得到的目錄結構如下:

如果想演示打包後的效果,還需要修改main.jsdebugfalse。另外,無論打包前後,都可以通過config.js的 locale 配製來調整中英文國際化配製來演示不同效果。

i18n呼叫自己引數 I18N的前後端實現

所需工具 1 vue 2 vue i18n 前期設定 1 構建兩個json語言字典,如果就中英文切換就分別構建 string en.json 和string zh.json,格式如下 2 讀取前一步驟建立的字典,並構造vuei18n元素 獲取本地語言包 非同步獲取會沒有response,需要暫時關閉...

Cakephp中如何實現i18n?

好像網上一直沒有比較詳細的中文資料來講述如何使用cakephp來實現i18n。正好昨天被逼無奈的將 中的提示中文化了一把,略有心得,簡而志之。中文化cakephp有如下幾步 在需要進行中文化的地方使用 函式,如下所示 this is the string i need to translate tr...

I18N對應備忘表

中國 簡體中文 簡體中文 中國 zh cn 正體中文 台灣地區 zh tw 正體中文 香港 zh hk 英語 香港 en hk 英語 美國 en us 英語 英國 en gb 英語 全球 en ww 英語 加拿大 en ca 英語 澳大利亞 en au 英語 愛爾蘭 en ie 英語 芬蘭 en f...