Vue-i18n国际化js维护方案

公司Vue项目采用i18n的国际化方案,随着需求的不断迭代,i18n的国际化js文件字段也越来越多,维护起来变的越来越困难,想了解下有什么方案或者平台可以对这些国际化文件进行维护。

阅读 4.3k
4 个回答

我们公司是开发一个国际化平台,总共也没几个字段,一个表格。最终再npm发布到gitlab,各个工程引用一下。

之前写过一个工具,可以比较直观的维护messages,可以参考这篇文章

写一个小项目时,我使用了这种维护方式:

Vue-i18n 的翻译文本 JSON 格式是这样的:
维护2个JSON结构保持统一很麻烦。

{
  en: {
    message: {
      hello: 'hello world'
    }
  },
  ja: {
    message: {
      hello: 'こんにちは、世界'
    }
  },
  zh-CN: {
    message: {
      hello: '你好,世界'
    }
  },

修改后的版本:

const $t = {
    index: {
        // 主页
        home: {
            search: ['搜索', 'search', '検索'], // 中、英、日
            name: ['姓名', 'name', '名前'],
        }
    }
}

欢迎补充。

统一提取,放到一个 po 文件里,然后通过 po-loader + json-loader 引用

推荐问题
宣传栏