vue动态路由打包的问题

Question

一个后台管理系统，用户权限由后台返回的菜单决定，addRoutes动态添加路由。现在已经有100多个路由了。前端再去加静态路由可能不太现实。

两种动态导入都试过了

 component(resolve) {
     return require([`${component}`], resolve)
     //return import(`@/views${path}.vue`)
     // return require([`@/views${path}.vue`], resolve)
     
},

第一种运行环境都跑不起来，直接报错

Cannot find module '../views/sale/customer/list.vue'

第二种路由可以正常跳转，打包也实现了按需加载，但是。。。运行环境会有提示

Critical dependency: the request of a dependency is an expression

网上也不太建议这种做法，说是会有很多未知错误，所以持谨慎态度。

 

第三种，会把views下的所有vue文件全部打包进一个文件里，这样就不能按需加载了。导致网页加载很慢

 

该怎么处理动态路由的打包问题呢？

Answer 1

不知道你这个问题是否已经解决, 如果还没有解决的话:

• 这篇文章：vue处理动态表格的数据 也许有你想要的答案，你可以看看

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 以帮助更多的人 ^-^