vue3 动态导入src/page目录下的所有子文件，并自动注册所有页面组件

main.js添加一下代码：

const importAll = (modules) => {
  Object.keys(modules).forEach((key) => {
    const component = key.replace('/src/', '@/').replace('.vue', '');
    const componentName = key.split('/').slice(-2, -1)[0] + '-page';
    app.component(componentName, modules[key].default);
  });
};
// 动态导入src/pages目录下的所有子文件
const modules = import.meta.globEager('@/page/**/*.vue');

importAll(modules);

动态导入src/pages目录下的所有子文件

引入：

引入之前：

引入之后：