Bolehkah Vite mengimport struktur folder?

Question

Saya berada dalam komponen src/pages 文件夹中有一堆子文件夹以及一些 .vue. Menggunakan webpack, saya boleh mendapatkan senarai laluan halaman dan nama menggunakan kod seperti ini:

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 nampaknya tidak menyokong perkara ini. Saya cuba const pages = import.meta.glob('../pages/*.vue') tetapi itu hanya berfungsi untuk fail, bukan fail dalam subfolder.

Tahu bagaimana untuk mencapai ini menggunakan Vite?

Answer 1

Saya jumpa jalan. Ia tidak sempurna, tetapi ia juga tidak mengerikan:

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

Ini adalah penambahbaikan:

const pages = import.meta.glob('../pages/**/*.vue')
export default pages