團隊人員按模塊在不同分支開發時 如何 動態獲取路由 保證項目正常運行

這裏的問題 就是  比如 

a員工在  t1分支上開發 登錄註冊模塊

b員工在  t2分支上開發 商品模塊

c員工在  t3分支上開發  我的模塊

那麼  test分支 會不停的merge 這 t1 t2 t3的分支    從而把 這3個分支的代碼合併到 test分支上

這裏有一個點   正常 我們項目的路由  都寫在 一個文件裏  然後 裏面會 import 我們對應 view下的 vue文件

那如何保證 a b c 3個員工開發項目的時候 項目正常運行  不會因爲 沒有文件 或者 合併分支衝突呢

這裏我們就利用 webpack 內的一個api  require.context方法   她會返回一個對象  這個對象進行循環後 可以獲取裏面的內容

require.context函數接受三個參數

1. directory {String} -讀取文件的路徑

2. useSubdirectories {Boolean} -是否遍歷文件的子目錄

3. regExp {RegExp} -匹配文件的正則

語法: require.context(directory, useSubdirectories = false, regExp = /^.//);

所以我們這麼設計

index 裏是我們的總路由文件

這裏 我加入了 sort 的一個排序  這樣 我就可以 將收集的 router 進行一個排序 從而控制 菜單的順序

我們看一下  modelA modelB modelC 文件

其他文件內容 基本相似

這樣 我們就動態的讀取了 這個文件下的 js 路由文件中的路由   

那麼  a b c 3個開發者 就可以獨立在自己的分支上開發模塊  並且 無論是否合併   都不會引起報錯  且項目可以正常運行了

希望大家合理運用 這個api  包括  我們工具類的綁定等等  都可以使用這個api  很好用的