Vite可以匯入資料夾結構嗎？

Question

我在 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 實現這一目標嗎？

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