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?
1
0
0
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
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
