在前端开发中，多语言支持是非常重要的一部分，因为不同的地区和语言需要不同的文字和文化背景支持。为了解决这个问题，有一个叫做 globalization 的 npm 包被开发出来并流行起来。
本教程旨在向读者介绍 globalization 这个 npm 包的使用方法，让读者能够快速上手并使用它进行前端国际化。
安装
在使用 globalization 之前，需要首先进行安装。可以通过下面的命令来安装最新版的 globalization：
npm install globalization --save
安装完成后，可以在项目中引入 globalization：
const globalization = require('globalization');配置
在开始使用 globalization 前，还需要进行一些基本的配置。可以在 globalization 的初始化函数中设置 locale, fallbackLocale 和 messages 等选项。
locale
locale 用来指定当前应用程序运行的区域和语言，以便于 globalization 能够根据指定的语言和区域来显示对应的信息。
例如：
globalization.init({
locale: 'zh',
});上面的例子指定了 locale 为中文。
fallbackLocale
fallbackLocale 用于定义当 locale 没有找到对应的翻译时使用的默认语言。
例如：
globalization.init({
locale: 'en',
fallbackLocale: 'zh',
});上面的例子中，当英语翻译不存在时，会使用中文作为默认语言。
messages
messages 是一个对象，用于存储不同语言的翻译信息，它是一个键值对结构，其中键是语言代码，值是引入的已翻译的文本。
例如：
-- -------------------- ---- -------
--------------------
------- -----
--------------- -----
--------- -
--- -
------ -------
--
--- -
------ ----
-
-
---上面的例子中，存储了中英文的 hello 翻译信息。
使用
在配置完成后，就可以使用 globalization 来进行多语言支持了。
getMessage
getMessage 方法用来获取对应 key 的翻译信息。
例如：
globalization.getMessage('hello');上述代码将返回当前语言对应的 hello 翻译信息，如果不存在，则返回默认语言对应的翻译信息。
extend
extend 方法用来添加新的翻译信息。
例如：
globalization.extend({
en: {
name: 'name',
},
zh: {
name: '姓名',
},
});上述代码将为中英文添加 name 翻译信息。
示例代码
下面是一个完整的示例，包含了 globalization 的初始化、配置和使用：
-- -------------------- ---- -------
----- ------------- - -------------------------
--------------------
------- -----
--------------- -----
--------- -
--- -
------ --------
--
--- -
------ -----
--
--
---
----------------------------------------------- -- ------- -----
----------------------
--- -
----- -------
--
--- -
----- -----
--
---
---------------------------------------------- -- ------- --以上就是本篇文章的全部内容，希望读者能够通过学习本文快速上手使用 globalization 包进行前端国际化。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/80709