import.meta.glob

• father::Vite
• Vite

梗概

import.meta.glob是Vite提供的一个编译时函数，用于动态导入文件，支持代码分割。

特点

• 是编译时函数，不是运行时函数
• 支持代码分割（Code Splitting）
• 可以动态导入文件

使用场景

• 按需加载组件
• 动态路由配置
• 多语言文件加载
• 主题文件动态导入

示例

// 导入所有组件
const components = import.meta.glob('./components/*.vue')
 
// 导入特定文件
const modules = import.meta.glob([
  './modules/*.js',
  '!./modules/exclude.js'
])
 
// 同步导入
const modules = import.meta.globEager('./modules/*.js')