Vite可以导入文件夹结构吗?
P粉308089080
P粉308089080 2023-11-01 16:41:20
0
1
640

我在 src/pages 文件夹中有一堆子文件夹以及一些 .vue 组件。使用 webpack,我能够使用如下代码获取页面路径和名称的列表:

export default require
  .context("../pages", true, /^./.*.vue$/)
  .keys()
  .map(page => page.slice(2).replace(".vue", ""))
  .filter(page => page !== "Index")
  .map(page => ({
    file: page,
    title: createTitle(page),
    path: slugify(kebabCase(page))
  }));

Vite似乎不支持这个。我尝试了 const pages = import.meta.glob('../pages/*.vue') 但这仅适用于文件,不适用于子文件夹内的文件。

知道如何使用 Vite 实现这一目标吗?

P粉308089080
P粉308089080

全部回复(1)
P粉014293738

我找到了办法。它并不完美,但也不可怕:

const pages = import.meta.glob('../pages/*.vue')
const folders = import.meta.glob('../pages/*/*.vue')
const both = {...pages, ...folders}
export default both

这是一个改进:

const pages = import.meta.glob('../pages/**/*.vue')
export default pages
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板