Vue3 + Vite3无法对router模块化后使用require.context()遍历

集合：使用Vue3 + Vite3重构Vue2项目

问题定位：Vite3无法使用require.context()

问题描述：在route文件夹下创建多个子路由数组，使用require.context()遍历后添加入routes。

* 项目结构：

let routerList = [];

// 遍历后导入所有子路由
function importAll (r) {
  r.keys().forEach(item => {
    routerList.push(...r(item).default);
  })
}

/**
 * directory：说明需要检索的目录
 * useSubdirectories：是否检索子目录
 * regExp: 匹配文件的正则表达式，一般是文件名
 */
// require.context(directory,useSubdirectories,regExp)
importAll(require.context('./', true, /\.router\.js/));

const routes = [
  ...routerList,
]

解决方案：使用Vite3自带的import.meta.globEager

const files = import.meta.globEager('./routers/*.router.js');
for (const key in files) {
  if (Object.hasOwnProperty.call(files, key)) {
    if (files[key].default) {
      routerList.push(...files[key].default)
    }
  }
}

const routes = [
  ...routerList,
]