vite 编译报错 /* @vite-ignore */ —动态引入组件报错（解决方法）

最新推荐文章于 2025-03-18 08:43:18 发布

都来我家吃饭

最新推荐文章于 2025-03-18 08:43:18 发布

阅读量2.2k

点赞数

文章标签：前端 javascript

原文链接：https://vitejs.cn/guide/features.html#glob-import

版权

解决方法：

我们可以使用vite的globl

//Vite 支持使用特殊的 import.meta.glob 函数从文件系统导入多个模块：

const modules = import.meta.glob('./dir/*.js')

//以上将会被转译为下面的样子：

// vite 生成的代码
const modules = {
  './dir/foo.js': () => import('./dir/foo.js'),
  './dir/bar.js': () => import('./dir/bar.js')
}

注意：globl是懒加载的