二十一、vite中的glob-import批量导入

vite中的glob-import批量导入

在 Vite 中，批量导入文件的最佳实践是使用 glob导入特性。这个特性可以在一行代码中导入多个文件，而不需要为每个文件编写独立的导入语句。

一般的使用场景是，当文件过多或者需要动态导入模块时，我们需要手动一个个去 import，但是使用 glob-import 就可以避免这种情况了，大大提高了开发效率。

Vite 是使用 ES 模块语法进行编程的新型前端构建工具，对于ES 模块的glob 导入提供了原生支持。

假设有以下目录结构：

components/
 ├── Foo.vue
 ├── Bar.vue
 └── Baz.vue
1
2
3
4

你可以使用 glob 导入一次性导入所有组件：
Vite中的 import.meta.glob 和 import.meta.globEager 是两个用于模块映射和批量导入的方法。

这两者与webpack中的 require.context 功能相似，但更具灵活性，可以有效的实现在