在基于vue-cli的项目中,组件自动化注册与路由懒加载能否共存

在基于vue-cli的项目中,组件自动化注册与路由懒加载能否共存

项目在刚开发的时候使用了 webpack 提供的 require.context API 匹配出 [name].page.vue 形式的路由组件并在 vue-router 中自动注册,这样做虽然免去了开发时配置路由表的的步骤但是也废掉了路由懒加载的能力(可能还有tree-shaking)
然而现在项目越来越大以后整个一次性加载的包体积也越来越大,所以回过头来想想当时这样做是否有必要......
以及有没有什么能都将两者兼容的方法?或者有没有一种可行化的思路
PS:根据webpack文档,import()函数是不支持纯变量形式的参数的,但是使用模板字符串插值的表现力又明显不足(比如无法对应分布在整个项目文件树中的 [name].page.vue 文件)
再次PS:有人尝试过手写一个 webpack plugin 吗?比方说在 compile 的某些钩子里用类似 node glob 的函数去匹配出所有符合条件的路由单文件组件,然后以自动生成代码的形式去生成路由表并插入到对应的js文件中。不知道有木有人能给一些可行性的建议或直接有现成的库能支持下类似的功能


回答:

写个插件 去实现约定式路由 require.context 应该不大行
https://segmentfault.com/a/11...

以上是 在基于vue-cli的项目中,组件自动化注册与路由懒加载能否共存 的全部内容, 来源链接: utcz.com/p/937251.html

回到顶部