npm 包 gulp-angular-gettext-json 使用教程-JavaScript中文网-JavaScript教程资源分享门户

在前端开发中，很多时候我们需要使用翻译文件来进行前端国际化的处理。gulp-angular-gettext-json 是一个 npm 包，它可以帮助我们将 gettext 翻译文件转换为 JSON 文件，这样我们就可以在前端页面任意使用这些翻译文件了。

安装 gulp-angular-gettext-json

使用 npm 可以很方便的安装 gulp-angular-gettext-json，只需要在项目根目录下运行如下命令即可：

npm install gulp-angular-gettext-json --save-dev

使用 gulp-angular-gettext-json

导入 gulp-angular-gettext-json：

const gettext = require("gulp-angular-gettext-json");

配置 gulp-angular-gettext-json：

gulp.task("gettext", function () {
  return gulp.src(["./locale/**/*.po"])
    .pipe(gettext())
    .pipe(gulp.dest("./locale/"));
});

在这个 gulp 任务中，我们指定了 gettext 翻译文件的根目录为 "./locale/"，并且使用 gulp-angular-gettext-json 将这些翻译文件转换为 JSON 文件，最后将生成的 JSON 文件保存在 "./locale/" 目录下。

运行 gulp 任务：

gulp gettext

示例代码

-- -------------------- ---- -------
----- ---- - ----------------
----- ------- - -------------------------------------

-------------------- -------- -- -
  ------ ------------------------------
    ----------------
    ------------------------------
---

-------------------- ------------------------

总结

使用 gulp-angular-gettext-json 可以很容易的将 gettext 翻译文件转换为 JSON 文件，这样我们就可以在前端页面中任意使用这些翻译文件了。同时，gulp-angular-gettext-json 的使用方法也很简单，只需要稍微配置一下，就可以将其集成到我们的 gulp 任务中了。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/60055b7e81e8991b448d90a4