在前端开发中，国际化是一个非常重要的环节，能够使网站能够用多种语言提供给不同国家和地区的用户使用。有时，我们需要将项目翻译成多个语言，为此我们可以使用 PO 文件来进行翻译，这个时候，我们就需要使用 gulp-po-to-es-module 这个 npm 包了。
简介
这是一个能够将 PO 文件转换成 JavaScript 文件的 npm 包，它生成的代码可以以 ES6 模块的形式导出。这样，我们就可以简单地在我们的项目中引入这些翻译后的字符串。
安装
要使用这个 npm 包，我们需要先安装 gulp 和 @calle/gulp-po-to-es-module 这两个包，可以通过以下命令进行安装：
npm install -g gulp npm install @calle/gulp-po-to-es-module --save
使用
在使用之前，我们需要有一个正常的 PO 文件，然后我们就可以使用以下步骤进行转换。
1. 初始化项目
我们需要创建一个 gulpfile.js 文件，并创建任务来进行转换。
-- -------------------- ---- ------- ----- ------ - --------------------------------------- ----- ---- - ---------------- ------------------- -- -- ---------------------------- --------------- -------------------------------- -- -------------------- -- -- - ------------------------------ --------------------- ---
在这里，我们使用 gulp.task 创建了一个名为 po2mjs 的任务，在任务执行时，我们将其应用到 ./locale/**/*.po 的匹配模式下，然后将转换后的文件输出到 ./locale/mjs 目录下。
我们还创建了一个名为 default 的任务，用来监视所有的 PO 文件，只要有任何一个 PO 文件进行了更改，就会重新运行 po2mjs 任务。
2. 运行项目
在运行项目之前，我们需要先在 gulpfile.js 文件中设置好任务的参数，以及指定转换后的文件输出路径。
在 mac 电脑下执行以下命令，启动这个 gulp 任务：
gulp
示例
// 我们假设我们已经创建了一个名为 en_US.po 的文件，并填充了英文翻译
// en_US.po 的内容如下所示：
// msgid "hello"
// msgstr "Hello World"
export const LANGUAGE = {
hello: 'Hello World',
};在文件中，我们成功将 PO 文件中的 hello 字符串翻译成了国际化字符串，并以 ES6 模块的形式导出了 LANGUAGE 对象。
总结
使用 @calle/gulp-po-to-es-module 这个 npm 包，我们可以很方便地将 PO 文件转换成可以在前端代码中使用的 JavaScript 代码。这个 npm 包使用简单，且功能强大，能够很好地帮助我们解决国际化问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056cc581e8991b448e6461