团队人员按模块在不同分支开发时 如何 动态获取路由 保证项目正常运行

这里的问题 就是  比如 

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  很好用的