【web前端笔记】vue3 + vite的前端项目中，使用import.meta.glob()方法实现全局注册组件的通用代码

目录

1.1、如何读取所有文件

1.2、通用代码

1.3、在main.js引入

这篇文章介绍一下，在vue3和vite搭建的项目中，如何将【src/components】目录下所有的【*.vue】文件，当做一个组件全局注册到Vue对象里面。

1.1、如何读取所有文件

在vue3和vite搭建的项目里面，它给我们提供了一个【import.meta.glob()】方法，使用这个方法就可以读取到指定的文件，当然了，除了可以读取具体的某个文件，它还支持使用通配符，读取目录及其子目录下的指定文件。

// 例如：读取当前文件所在目录及其子目录下的所有 *.vue 文件
// 一个星号（*）表示1或多个字符
// 两个星号（**）表示多层级目录
import.meta.glob('./**/*.vue', {eager: true});// 例如：读取指定文件，读取demo目录下的index.js文件
import.meta.glob('./demo/index.js', {eager: true});

需要注意的