[發(fā)明專利]自動生成路由文件的插件及其方法

在審

• 申請?zhí)枺?/td>: 202010723223.6
• 申請日: 2020-07-24
• 公開（公告）號: CN111880859A
• 公開（公告）日: 2020-11-03
• 發(fā)明（設(shè)計(jì)）人: 戚靜遠(yuǎn);樊偉偉;李恒;朱曉明;杭建;孫建
• 申請（專利權(quán)）人: 隨身云（南京）信息技術(shù)有限公司
• 主分類號: G06F9/445
• 分類號: G06F9/445;G06F8/71;G06F16/16
• 代理公司: 常州佰業(yè)騰飛專利代理事務(wù)所(普通合伙) 32231
• 代理人: 劉松

一種自動生成路由文件的插件及其方法，包括：步驟1：運(yùn)行webpack進(jìn)行打包，在webpack打包的過程中，會加載定義的webpack插件；步驟2：webpack插件會根據(jù)自定義的插件配置項(xiàng)生成所需要的路由文件；步驟3：這樣在webpack打包結(jié)束時，就可以正常使用路由信息進(jìn)行頁面跳轉(zhuǎn)了。結(jié)合其他結(jié)構(gòu)和方法有效避免了現(xiàn)有技術(shù)中web項(xiàng)目每新建一個頁面都要手動配置一次路由、操作繁瑣且效率低下的缺陷。

技術(shù)領(lǐng)域

本發(fā)明涉及生成路由文件的技術(shù)領(lǐng)域，也屬于插件技術(shù)領(lǐng)域，具體涉及一種 自動生成路由文件的插件及其方法。

背景技術(shù)

一個Web項(xiàng)目,可大可小,大到整個阿里巴巴,小到用戶的博客,留言板.雖然 所采用的技術(shù)不一樣,規(guī)模不一樣,但是都由一些執(zhí)行相同作用的組件所構(gòu)成的, 當(dāng)然根據(jù)規(guī)模的不同,要實(shí)現(xiàn)的功能的不同，在web項(xiàng)目中,其實(shí)就是倆個軟件之 間的信息交換,客戶端機(jī)器中的瀏覽器軟件和服務(wù)器端機(jī)器中的web服務(wù)器軟件 之間的交換,比如在網(wǎng)上的學(xué)習(xí)中,就是客戶端的瀏覽器和服務(wù)器端的tomcat進(jìn) 行信息交換。

隨著web項(xiàng)目規(guī)模的不斷擴(kuò)大，每次新建一個頁面都要手動配置一次路由， 操作繁瑣且效率低下。

發(fā)明內(nèi)容

為解決上述問題，本發(fā)明提供了一種自動生成路由文件的插件及其方法，有 效避免了現(xiàn)有技術(shù)中web項(xiàng)目每新建一個頁面都要手動配置一次路由、操作繁瑣 且效率低下的缺陷。

為了克服現(xiàn)有技術(shù)中的不足，本發(fā)明給予了一種自動生成路由文件的插件及 其方法的解決方案，具體如下：

一種自動生成路由文件的插件的方法，包括如下步驟：

步驟1：運(yùn)行webpack進(jìn)行打包，在webpack打包的過程中，會加載設(shè)定而 定義的webpack插件；

步驟2：webpack插件會根據(jù)自定義的插件配置項(xiàng)生成用戶所需要的路由文 件；

步驟3：這樣在webpack打包結(jié)束時，就可以正常使用路由信息進(jìn)行頁面跳 轉(zhuǎn)了。

進(jìn)一步的，在初始化所述webpack插件時，就進(jìn)行以下配置來得到自定義的 插件配置項(xiàng)。

進(jìn)一步的，所述頁面的目錄文件夾的命名方式，包括：

步驟1-1：webpack插件遍歷頁面pages的目錄，獲取該目錄下所有文件的 文件路徑；

步驟1-2：對文件路徑進(jìn)行處理，根據(jù)-和$號獲取參數(shù)類型和名稱；

步驟1-3：根據(jù)reactrouter或者vuerouter的官方配置生成用戶需要的配

置文件， 其中，-符表示分割參數(shù)，$符表示參數(shù)可選。

進(jìn)一步的，所述生成所需要的路由文件的方法，包括：

步驟2-1：根據(jù)獲取到的文件路徑，獲取文件基本信息，包括文件名、

參數(shù)名、

文件所處路徑；

步驟2-2：將作為參數(shù)的文件基本信息傳遞到設(shè)定的路由模版生成函數(shù) 中生成符

合官方路由標(biāo)準(zhǔn)的路由文件。

一種自動生成路由文件的插件，包括：運(yùn)行在處理終端上的webpack打包組 件、執(zhí)行模塊、處理模塊和生成模塊；

所述執(zhí)行模塊用于運(yùn)行webpack進(jìn)行打包，在webpack打包的過程中，會加 載設(shè)定而定義的webpack插件；

所述處理模塊用于運(yùn)用webpack插件根據(jù)自定義的插件配置項(xiàng)生成用戶所 需要的路由文件；