Kann Vite eine Ordnerstruktur importieren?

Question

Ich bin in der src/pages 文件夹中有一堆子文件夹以及一些 .vue-Komponente. Mit Webpack konnte ich mit Code wie dem folgenden eine Liste von Seitenpfaden und -namen abrufen:

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 scheint dies nicht zu unterstützen. Ich habe es versucht const pages = import.meta.glob('../pages/*.vue'), aber das funktioniert nur für Dateien, nicht für Dateien in Unterordnern.

Wissen Sie, wie Sie dies mit Vite erreichen können?

Answer 1

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

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