[發明專利]前端國際化多頁面打包方法、裝置及計算機設備

在審

• 申請號: 202011491919.7
• 申請日: 2020-12-16
• 公開（公告）號: CN112612448A
• 公開（公告）日: 2021-04-06
• 發明（設計）人: 任仲洋;于海生
• 申請（專利權）人: 平安普惠企業管理有限公司
• 主分類號: G06F8/20
• 分類號: G06F8/20;G06F8/41;G06F8/71;G06F9/445;G06F9/451
• 代理公司: 深圳市精英專利事務所 44242
• 代理人: 李翔宇

本發明公開了前端國際化多頁面打包方法、裝置、計算機設備及存儲介質，涉及研發管理技術，包括若檢測到已綁定鉤子組件，獲取源碼中的多語言國際化翻譯代碼；提取多語言國際化翻譯代碼中每一語言對應的國際化翻譯代碼；獲取當前頁面對應的國際化Key值，根據所述國際化Key值在多語言國際化翻譯代碼獲取對應的目標國際化翻譯代碼；獲取當前頁面對應的當前源碼，將所述目標國際化翻譯代碼拼裝至所述當前源碼，以得到當前更新源碼；以及將所述當前更新源碼進行webpack編譯，得到當前輸出代碼。該方法實現了單頁頁面輸出代碼總大小明顯減少，多頁應用也無需每個頁面單獨維護一份翻譯，只需要維護一份全量翻譯即可。

技術領域

本發明涉及研發管理的研發框架技術領域，尤其涉及一種前端國際化多頁面打包方法、裝置、計算機設備及存儲介質。

背景技術

Web前端資源體積一直是影響用戶體驗的一大痛點，最新研究表明，大多數用戶期望的網站加載時間是3秒，如果時間長過3秒，網站就開始流失用戶。過大的資源體積會導致首次加載資源速度過慢。而面向海外的前端系統，日積月累逐漸增大的國際化文件又是導致前端資源過大的一個重要原因之一。

目前常見的解決方案是國際化根據不同的多頁面單獨去做國際化字段文件，也即每個頁面保留自己單獨需要的國際化字段文件，這一方式雖然能在一定程度上解決前端資源過大的問題但依舊導致了維護不便的問題。

一是需要維護一份每個界面都需要的公共國際化文件，每次打包每個單頁面仍然會將公共的國際化字段全量打包到代碼中，導致了其包含很多用不到的字段，而無法實現壓縮體積的目的。

二是每次新加字段都需要考慮是否在別的頁面中使用過，是否需要放到公共的國際化文件里面，維護不便。

發明內容

本發明實施例提供了一種前端國際化多頁面打包方法、裝置、計算機設備及存儲介質，旨在解決現有技術中根據不同的多頁面單獨去做國際化字段文件每次打包每個單頁面仍然會將公共的國際化字段全量打包到代碼中，無法壓縮體積，而且維護不便的問題。

第一方面，本發明實施例提供了一種前端國際化多頁面打包方法，其包括：

若檢測到已綁定鉤子組件，獲取源碼中的多語言國際化翻譯代碼；

提取多語言國際化翻譯代碼中每一語言對應的國際化翻譯代碼；

獲取當前頁面對應的國際化Key值，根據所述國際化Key值在多語言國際化翻譯代碼獲取對應的目標國際化翻譯代碼；

獲取當前頁面對應的當前源碼，將所述目標國際化翻譯代碼拼裝至所述當前源碼，以得到當前更新源碼；以及

將所述當前更新源碼進行webpack編譯，得到當前輸出代碼。

第二方面，本發明實施例提供了一種前端國際化多頁面打包裝置，其包括：

代碼獲取單元，用于若檢測到已綁定鉤子組件，獲取源碼中的多語言國際化翻譯代碼；

代碼區分單元，用于提取多語言國際化翻譯代碼中每一語言對應的國際化翻譯代碼；

Key值獲取單元，用于獲取當前頁面對應的國際化Key值，根據所述國際化Key值在多語言國際化翻譯代碼獲取對應的目標國際化翻譯代碼；

代碼拼裝單元，用于獲取當前頁面對應的當前源碼，將所述目標國際化翻譯代碼拼裝至所述當前源碼，以得到當前更新源碼；以及

代碼編譯單元，用于將所述當前更新源碼進行webpack編譯，得到當前輸出代碼。

第三方面，本發明實施例又提供了一種計算機設備，其包括存儲器、處理器及存儲在所述存儲器上并可在所述處理器上運行的計算機程序，所述處理器執行所述計算機程序時實現上述第一方面所述的前端國際化多頁面打包方法。