vue项目路由表存在后端 那么如何实现 不同的路由打包成单独的文件？

Question

今天面试被问到了，当场尬住了

Answer 1

这应该是，前端路由懒加载打包成多个文件（import()异步导入即可），进入系统请求后端拿到路由表，动态添加对应路由，然后进入页面时，再加载对应页面js文件

Answer 2

目前项目采用的是router.beforeEach中，通过接口获取生成可访问的路由表，动态添加到路由中。

Answer 3

打包之前从后端获取路由表，写入router.js之后再开始打包任务？

Answer 4

function loadView(view) {
    return () => import(`@/views/${ view }`)
}

通过addRoute动态加载路由文件
webpack会将@/views下的文件都进行打包，打包出来就是单独的路由文件