记录

在vue+webpack和vue+vite的项目中使用vue-router的动态路由方式

vue+webpack

  const allRoutes: RouteRecordRaw[] = []
  //     通过require对象的context()加载文件夹下的文件  是否递归  正则匹配
  const routeFiles = require.context('../router/main', true, /\.ts/)
  routeFiles.keys().forEach((key) => {
    //            require()通过文件路径找到文件对象
    const route = require('@/router/main' + key.split('.')[1])
    allRoutes.push(route.default)
  })

vue+vite