Je suis dans la composante src/pages 文件夹中有一堆子文件夹以及一些 .vue. En utilisant webpack, j'ai pu obtenir une liste de chemins et de noms de pages en utilisant un code comme celui-ci :
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 ne semble pas prendre en charge cela. J'ai essayé const pages = import.meta.glob('../pages/*.vue') mais cela ne fonctionne que pour les fichiers, pas pour les fichiers contenus dans des sous-dossiers.
Savez-vous comment y parvenir en utilisant Vite ?
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
J'ai trouvé un moyen. Ce n'est pas parfait, mais ce n'est pas terrible non plus :
const pages = import.meta.glob('../pages/*.vue') const folders = import.meta.glob('../pages/*/*.vue') const both = {...pages, ...folders} export default bothC'est une amélioration :
const pages = import.meta.glob('../pages/**/*.vue') export default pages