npm 包 webmaker-translation-stats 使用教程

前言

作为前端开发者，我们经常需要进行国际化开发，这就需要使用到国际化翻译库，其中 webmaker-translation-stats 就是一个非常实用的 npm 包。它可以帮助我们更好地管理自己项目中的翻译单词，让翻译工作变得更加简单和高效。

在本文中，我们将一步步地介绍如何使用 webmaker-translation-stats 。

安装

我们可以通过 npm 进行安装，打开终端并输入以下命令：

npm install webmaker-translation-stats

安装完成后，我们就可以在项目中引用了。

使用

初始化

我们需要在项目中初始化 webmaker-translation-stats 。在 JavaScript 中使用以下代码进行初始化：

const TranslationStats = require("webmaker-translation-stats");
const ts = new TranslationStats({
    locales: ['en', 'fr', 'es'],
    savePath: './i18n.json',
    sourceLanguage: 'en'
});

translationStats 中的参数：

• locales：需要支持的语言列表。在此处，我们支持英语（'en'）、法语（'fr'）和西班牙语（'es'）。
• savePath：文件保存路径。我们将翻译过的文本保存到 i18n.json 中。
• sourceLanguage：源语言。我们使用英语作为语言源。

添加翻译文本

现在，我们已经成功地初始化了 translationStats ，接下来，我们需要添加翻译文本。我们可以通过以下方式添加：

ts.addTranslation({
    id: 'helloWorld',
    en: 'Hello, world!',
    fr: 'Bonjour, le monde!',
    es: '¡Hola mundo!'
});

其中，id 是我们设置的文本 ID，en、fr 和 es 分别代表英语、法语和西班牙语的翻译内容。

获取翻译文本

当我们的 translationStats 初始化完成并且添加了所有的翻译文本后，我们就可以使用以下代码获取某个文本的翻译内容：

const I18N = require('./i18n.json');
console.log(I18N.helloWorld);

我们可以得到以下输出：

{
    "en": "Hello, world!",
    "fr": "Bonjour, le monde!",
    "es": "¡Hola mundo!"
}

这里，我们从 i18n.json 文件中读取了翻译文本并将其输出到控制台中。

总结

现在，我们已经学习了如何轻松地使用 webmaker-translation-stats 进行国际化开发。通过这个 npm 包，我们可以更加高效地管理我们的翻译工作和代码。希望这篇文章对你有所帮助！

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