@xtg/vue-cli-plugin-i18n

a vue-cli3 plugin, which can convert chinese to i18n, is based on webpack-i18n-transform

Usage no npm install needed!

<script type="module">
  import xtgVueCliPluginI18n from 'https://cdn.skypack.dev/@xtg/vue-cli-plugin-i18n';
</script>

README

@xtg/vue-cli-plugin-i18n

基于webpack-i18n-transform进行的封装

用法

npm install @xtg/vue-cli-plugin-i18n

基于vue-i18n使用本插件时的说明

  1. 在基于vue-i18n做国际化时，为了提供更好的体验，建议在计算属性或者render/template中处理国际化，而不是在data中使用；因为vue-i18n是基于vue自身的响应式数据来实现更新的；当然如果你一定要在data中使用中文，再将变量绑定到视图中，这时候在切换语言环境时，最好使用location.reload();
  2. 如果是老项目集成国际化功能，那么使用本插件或许是很方便的一种方式，但是由于一开始对代码开发要求并不高，所以在切换语言环境时建议使用location.reload()刷新页面；
  3. i18n/index.js中给出了基于axios、view-design场景下的异步加载解决方案以供参考
  4. 该文档只列举了vue相关的说明事项，详细说明请参考webpack-i18n-transform