如何建设个人网站凡科怎么样,做网站服务器配置应该怎么选,wordpress 主题格式,配件网站模板前言
开发基于 Vite Vue3 的组件库#xff0c;多个 .vue 文件需要动态加载#xff01; 注意 import.meta.globEager 已经弃用#xff0c;请使用 import.meta.glob 来代替#xff01;
使用 Glob
异步方式
代码第 1 行#xff0c;注意使用两个 **#xff0c;匹配当前目…前言
开发基于 Vite Vue3 的组件库多个 .vue 文件需要动态加载 注意 import.meta.globEager 已经弃用请使用 import.meta.glob 来代替
使用 Glob
异步方式
代码第 1 行注意使用两个 **匹配当前目录及其嵌套的全部子目录下的文件代码第 4 行异步使用 Promise 加载所以要在 then 中获取真正的组件对象
const modules import.meta.glob(./src/components/**/*.vue);for (const path in modules) {modules[path]().then((mod) {console.log(path, mod.default);})
}同步方式
代码第 1 行相较于异步同步方式多了配置参数 { eager: true }代码第 1 行注意使用两个 **匹配当前目录及其嵌套的全部子目录下的文件代码第 4 行同步加载不需要 Promise 处理
const modules import.meta.glob(./src/components/**/*.vue, { eager: true });for (const path in modules) {console.log(path, modules[path].default);
}扩展知识
glob 是基于插件 fast-glob 实现的。官网介绍如下 It’s a very fast and efficient glob library for Node.js. 这是一个基于 node.js 且非常高效的全局库。 一个 *匹配当前目录下的文件 两个 *匹配当前目录及其嵌套的全部子目录下的文件
最后
正在学习 Vite更多知识点详见官网 《功能 - Glob 导入》
