javascript - 在 <i18n> 标签中延迟加载翻译文件

标签 javascript vue.js webpack vue-component vue-i18n

我想减小我的应用程序大小,我从语言文件开始。
我正在使用 vue-i18n Single File Components我可以像这样延迟加载 vue-i18n Lazy loading .我读到了custom lang blocks ,但据我所知,我无法在 src 中设置动态语言环境。

现在我的问题是:有没有办法在 <i18n> 中延迟加载语言?标签?

最佳答案

图书馆作者 做了回答了这个问题 - 定义为 Vue SFC 一部分的翻译被编译(由 the loaders 用于适当的构建工具)作为 SFC 模块的导出。这意味着它们是组件模块的一部分,延迟加载的唯一方法是延迟加载组件本身
所以不,没有办法延迟加载单一语言 在 i18 自定义 block 中定义。如果您需要延迟加载,请不要使用自定义 block ,而是在全局 JSON 文件中定义您的翻译(按语言拆分)。另一种选择是完全重写加载器本身以收集自定义 block 并将其合并到这样的全局模块中,但这是很多工作,我不建议这样做......

关于javascript - 在 <i18n> 标签中延迟加载翻译文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53327986/

相关文章:

javascript - 隐藏和显示默认的 javascript 警报

javascript - 从 Vuex Store 中的 action 中推送路由

vue.js - 从 Highchart 事件内部更改 VueJS 组件数据值

javascript - 对于文本输入,如何使点击它会选择所有内容?

Webpack 运行时条件模块解析

javascript - ScrollToOptions 的行为 : 'smooth' broken in Chrome and Edge v81+

javascript - 视觉 : Displaying nested data in a table

javascript - 要求未在脚本标记中定义

javascript - 事件页面卸载后,没有在 Chrome 上获取 UDP 套接字的 onReceive 回调

javascript - 注入(inject) webpack-dev-server.js