本章内容已过期，请查看《《Vite 基础知识》使用 Glob 动态加载 .vue 文件》

写法

获取 components 文件夹及其嵌套的多级子文件夹的 .vue 文件夹，注意 ** 是关键。

import.meta.glob('./src/components/**/*.vue');
// 或
import.meta.globEager('./src/components/**/*.vue');

说明

现在再来说说背景！glob 是基于插件 fast-glob 实现的。官网介绍如下：

It's a very fast and efficient glob library for Node.js.

这是一个基于 node.js 且非常高效的全局库。

直接截图可看到，

• 一个 *：匹配当前目录下的文件；
• 两个 *：匹配当前目录及其嵌套的全部子目录下的文件；