方法一

可以使用 Node.js 的 fs 模块来读取目录下的文件，然后筛选出需要的文件。

下面是一个示例代码（需要安装 fs 模块和 path 模块）：

const fs = require('fs');
const path = require('path');

const walk = (dir, exts) => {
  const files = fs.readdirSync(dir);
  const result = [];

  for (const file of files) {
    const filepath = path.join(dir, file);
    const stat = fs.statSync(filepath);

    if (stat.isDirectory()) {
      // 如果是目录，则递归处理子目录
      result.push(...walk(filepath, exts));
    } else if (exts.includes(path.extname(filepath))) {
      // 如果是指定的扩展名，则加入结果数组
      result.push(filepath);
    }
  }

  return result;
};

// 读取当前目录下的所有 .vue 和 .tsx 文件
const files = walk(process.cwd(), ['.vue', '.tsx']);

console.log(files);

这个代码会读取当前目录下的所有文件，包括子目录中的文件，然后筛选出扩展名为 .vue 或 .tsx 的文件，并返回一个包含这些文件路径的数组。你可以根据需要调整 walk 函数的参数，比如可以把目录路径改为一个变量，或者把要匹配的扩展名改为函数参数等。

方法二

import.meta.glob 是 Vue3.x 中新增的模块导入语法，可以实现动态导入模块。

下面是一个示例代码（需要安装 @vue/compiler-sfc 模块）：

import { defineAsyncComponent } from 'vue';
import { compileTemplate } from '@vue/compiler-sfc';

// 扫描指定目录下的所有 .vue 和 .tsx 文件
const modules = import.meta.globEager('./*.+(vue|tsx)');

// 将所有组件异步化
for (const path in modules) {
  const component = modules[path].default;
  if (component.__esModule) {
    // 如果是 ES Module，默认导出的是一个 Object，需要取出 default 属性
    component.default = defineAsyncComponent(() => {
      // 动态编译模板
      const { template } = compileTemplate({
        source: component.template,
        filename: path,
        compilerOptions: { mode: 'module' },
      });
      // 返回异步组件
      return Promise.resolve({
        ...component,
        template,
      });
    });
  } else {
    // 如果是 CommonJS Module，直接对 module.exports 包装成异步组件
    modules[path].default = defineAsyncComponent(() =>
      Promise.resolve({
        ...component,
        template: component.template.default,
      })
    );
  }
}

// 输出所有组件
console.log(modules);

这个代码会扫描当前目录下的所有 .vue 和 .tsx 文件，然后通过 import.meta.globEager 动态导入它们并转换成异步组件，最后输出一个包含所有组件的对象。其中，对于 ES Module 和 CommonJS Module 分别进行了处理。

对于 ES Module，需要对模板进行动态编译，然后返回一个包含组件选项和模板的对象。

对于 CommonJS Module，由于模板是以 module.exports = {} 的形式导出的，需要额外取出模板对象中的 default 属性。

需要注意的是，import.meta.globEager 是一个同步操作，会在代码执行时立即加载所有符合条件的文件。如果文件太多或者太大，可能会导致性能问题。如果需要异步加载模块，可以使用 import.meta.glob 方法。