vite中自动导入js文件,自动导入指定文件夹所有js文件,也可以用来导入图片、vue文件等。

我们以自动引入路由module为例

/**
 * 自动引入当前文件夹下所有module
 */
const modulesFiles = import.meta.glob("./modules/**.js", { eager: true })
const dynameicRouter = []
for (const key of Object.keys(modulesFiles)) {
  dynameicRouter.push(...modulesFiles[key].default)
}
export default dynameicRouter

最后输出结果

在这里插入图片描述

目录结构

在这里插入图片描述

test.js代码

const routers = [
  {
    path: '/a',
    name: 'A',
    component: () => import('@/view/test/a.vue'),
  },
  {
    path: '/b',
    name: 'B',
    component: () => import('@/view/test/b.vue'),
  },
]
export default routers
Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐