[發明專利]基于ejs的模板編譯插件及其工作方法

在審

• 申請號: 202211047029.6
• 申請日: 2022-08-30
• 公開（公告）號: CN115390813A
• 公開（公告）日: 2022-11-25
• 發明（設計）人: 王濤濤;榮承壯
• 申請（專利權）人: 叮當快藥科技集團有限公司
• 主分類號: G06F8/30
• 分類號: G06F8/30;G06F8/41;G06F8/71
• 代理公司: 北京中和立達知識產權代理有限公司 11756
• 代理人: 祝妍

本發明涉及一種基于ejs的模板編譯插件及其工作方法，該插件包括環境變量設置模塊、ejs模板引擎、判斷模塊、復制模塊、讀取模塊、輸出模塊和打包模塊，環境變量設置模塊用于設置環境變量；判斷模塊用于判斷是否存在src/views目錄，如果存在就將src/views目錄刪除，執行腳本的build邏輯；復制模塊用于將src/templete復制到src/views目錄；讀取模塊用于讀取templete中的文件，并由ejs模板引擎循環處理并轉換文件；輸出模塊用于將轉換好的文件輸出至目標目錄src/views下；打包模塊用于啟動vue?cli?service build命令，進行項目編譯打包，并在打包成功后，生成dist文件。

技術領域

本發明涉及移動研發技術領域，具體涉及一種基于ejs的模板編譯插件及其工作方法。

背景技術

以下內容僅代表發明人掌握的背景技術，并非社會公眾能夠隨時獲得的現有技術。

現有技術中，基于vue-cli是可以按照指定模塊路徑進行打包，基本能滿足不同模式下的開發需求，但是無法完全消除模塊間引用的公共模塊在不同模式下的差異，比如：在A或B模式下都引用到C模塊，C模塊中針對A、B場景下作了不同的兼容處理，基于現有技術只能做到的邏輯上的if/else判斷，無法做到文件級別的清除。

這樣帶來的問題是，雖然也能在編譯期判斷出AB模式，但是針對AB模式開發做的兼容處理也會被打包上線，使得針對A或B模式的線上包實際上是一個AB模式的混合包。這樣造成了包的冗余，也帶來一些不可預知的風險(畢竟非當前模式下的代碼也在線上)。

發明內容

本發明旨在提供一種基于ejs的模板編譯插件及其工作方法，所要解決的技術問題是如何真正去除不同編譯條件下的兼容文件，解決現有技術中存在的冗余和風險的問題。

本發明的目的是解決現有技術的不足，提供一種基于ejs的模板編譯插件，包括環境變量設置模塊、ejs模板引擎、判斷模塊、復制模塊、讀取模塊、輸出模塊和打包模塊，所述的環境變量設置模塊用于設置環境變量；所述的判斷模塊用于判斷是否存在src/views目錄，如果存在就將所述的src/views目錄刪除，執行腳本的build邏輯；所述的復制模塊用于將src/templete復制到src/views目錄；所述的讀取模塊用于讀取templete中的文件，并由所述的ejs模板引擎循環處理并轉換所述的文件；所述的輸出模塊用于將轉換好的文件輸出至目標目錄src/views下；所述的打包模塊用于啟動vue-cli-service build命令，進行項目編譯打包，并在打包成功后，生成dist文件。

優選地，所述的基于ejs的模板編譯插件還包括參數插入模塊，用于在所述的ejs模板引擎循環處理所述的文件的同時，根據環境變量插入所述的ejs模板引擎所需的參數。

優選地，所述的ejs模板引擎所需的參數包括{plat、build_env}。

優選地，所述的基于ejs的模板編譯插件還包括chokidar，通過node啟動chokidar監視templete中的文件的變化，調取build。

優選地，所述的基于ejs的模板編譯插件還包括監視模塊，用于啟動vue-cli-service serve命令，監視src/views目錄下的文件變化。

優選地，所述的基于ejs的模板編譯插件在啟動前先配置好源文件地址和目標文件地址，啟動所述的基于ejs的模板編譯插件后，所述的ejs模板引擎根據源文件地址加載文件、編譯文件并輸出至目標文件地址，chokidar根據編譯模式為“watch”時，監視源文件變化，實施輸出修改目標文件。

優選地，所述的基于ejs的模板編譯插件能夠實現在webpack啟動前的編譯處理。

優選地，所述的基于ejs的模板編譯插件能同時處理前端的各類文件，包括js、css、html、vue、scss、jsx、ts和json。