[发明专利]前端国际化多页面打包方法、装置及计算机设备

说明书

本发明公开了前端国际化多页面打包方法、装置、计算机设备及存储介质，涉及研发管理技术，包括若检测到已绑定钩子组件，获取源码中的多语言国际化翻译代码；提取多语言国际化翻译代码中每一语言对应的国际化翻译代码；获取当前页面对应的国际化Key值，根据所述国际化Key值在多语言国际化翻译代码获取对应的目标国际化翻译代码；获取当前页面对应的当前源码，将所述目标国际化翻译代码拼装至所述当前源码，以得到当前更新源码；以及将所述当前更新源码进行webpack编译，得到当前输出代码。该方法实现了单页页面输出代码总大小明显减少，多页应用也无需每个页面单独维护一份翻译，只需要维护一份全量翻译即可。

技术领域

本发明涉及研发管理的研发框架技术领域，尤其涉及一种前端国际化多页面打包方法、装置、计算机设备及存储介质。

背景技术

Web前端资源体积一直是影响用户体验的一大痛点，最新研究表明，大多数用户期望的网站加载时间是3秒，如果时间长过3秒，网站就开始流失用户。过大的资源体积会导致首次加载资源速度过慢。而面向海外的前端系统，日积月累逐渐增大的国际化文件又是导致前端资源过大的一个重要原因之一。

目前常见的解决方案是国际化根据不同的多页面单独去做国际化字段文件，也即每个页面保留自己单独需要的国际化字段文件，这一方式虽然能在一定程度上解决前端资源过大的问题但依旧导致了维护不便的问题。

一是需要维护一份每个界面都需要的公共国际化文件，每次打包每个单页面仍然会将公共的国际化字段全量打包到代码中，导致了其包含很多用不到的字段，而无法实现压缩体积的目的。

二是每次新加字段都需要考虑是否在别的页面中使用过，是否需要放到公共的国际化文件里面，维护不便。

发明内容

本发明实施例提供了一种前端国际化多页面打包方法、装置、计算机设备及存储介质，旨在解决现有技术中根据不同的多页面单独去做国际化字段文件每次打包每个单页面仍然会将公共的国际化字段全量打包到代码中，无法压缩体积，而且维护不便的问题。

第一方面，本发明实施例提供了一种前端国际化多页面打包方法，其包括：

若检测到已绑定钩子组件，获取源码中的多语言国际化翻译代码；

提取多语言国际化翻译代码中每一语言对应的国际化翻译代码；

获取当前页面对应的国际化Key值，根据所述国际化Key值在多语言国际化翻译代码获取对应的目标国际化翻译代码；

获取当前页面对应的当前源码，将所述目标国际化翻译代码拼装至所述当前源码，以得到当前更新源码；以及

将所述当前更新源码进行webpack编译，得到当前输出代码。

第二方面，本发明实施例提供了一种前端国际化多页面打包装置，其包括：

代码获取单元，用于若检测到已绑定钩子组件，获取源码中的多语言国际化翻译代码；

代码区分单元，用于提取多语言国际化翻译代码中每一语言对应的国际化翻译代码；

Key值获取单元，用于获取当前页面对应的国际化Key值，根据所述国际化Key值在多语言国际化翻译代码获取对应的目标国际化翻译代码；

代码拼装单元，用于获取当前页面对应的当前源码，将所述目标国际化翻译代码拼装至所述当前源码，以得到当前更新源码；以及

代码编译单元，用于将所述当前更新源码进行webpack编译，得到当前输出代码。

第三方面，本发明实施例又提供了一种计算机设备，其包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现上述第一方面所述的前端国际化多页面打包方法。