目錄

1.1、如何讀取所有文件

1.2、通用代碼

1.3、在main.js引入

這篇文章介紹一下，在vue3和vite搭建的項目中，如何將【src/components】目錄下所有的【*.vue】文件，當(dāng)做一個組件全局注冊到Vue對象里面。

1.1、如何讀取所有文件

在vue3和vite搭建的項目里面，它給我們提供了一個【import.meta.glob()】方法，使用這個方法就可以讀取到指定的文件，當(dāng)然了，除了可以讀取具體的某個文件，它還支持使用通配符，讀取目錄及其子目錄下的指定文件。

// 例如：讀取當(dāng)前文件所在目錄及其子目錄下的所有 *.vue 文件
// 一個星號（*）表示1或多個字符
// 兩個星號（**）表示多層級目錄
import.meta.glob('./**/*.vue', {eager: true});// 例如：讀取指定文件，讀取demo目錄下的index.js文件
import.meta.glob('./demo/index.js', {eager: true});

需要注意的