在实际开发中，为了解决每次新增页面都要手动修改路由文件的问题，可以通过在每个页面模块定义自己的路由文件，然后在主入口文件合并这些路由。借助webpack的批量引入功能，可以自动获取指定目录下的vue文件，生成路由。这样可以实现路由的自动化，简化文件管理，提高开发效率。同时，通过调整文件结构和正则匹配，还可以实现父子路由的动态生成。虽然目前只展示了单层路由的生成，但可以通过扩展实现更复杂的路由结构。这是一个规范文件结构和减少重复工作的好方法。
使用require.context() 自动生成路由
1、现实开发中增加一个新的页面可能就要重新编写路由的问题，导致路由文件每次都要重新被修正。比如：
文件较多，修改起来较为复杂。
2、解决办法：
实际项目开发中，一般都是在每一个页面模块中定义属于自己的路由文件，在总的index入口将文件进行合并，从而组成新的路由。（个人经历的开发项目是这么解决的，有更好的可以住家评论借鉴学习，多谢）
3、借鉴批量引入文件方法：
webpack官网中有这么一句话的介绍：
上面是我直接从官网搬过来的截图，如果需要更加详细的官方demo，可以点击我下面放置的链接：
3961
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
最低0.47元/天 解锁文章
扫一扫
