page.slice(2).replace(".vue",&quo"> Can Vite import a folder structure?-PHP Chinese Network Q&A
Can Vite import a folder structure?
P粉308089080
P粉308089080 2023-11-01 16:41:20
0
1
554

I have a bunch of subfolders in thesrc/pagesfolder as well as some.vuecomponents. Using webpack, I was able to get a list of page paths and names using code like this:

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 doesn't seem to support this. I triedconst pages = import.meta.glob('../pages/*.vue')but this only works for files, not files inside subfolders.

Know how to achieve this using Vite?

P粉308089080
P粉308089080

reply all (1)
P粉014293738

I found a way. It's not perfect, but it's not terrible either:

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

This is an improvement:

const pages = import.meta.glob('../pages/**/*.vue') export default pages
    Latest Downloads
    More>
    Web Effects
    Website Source Code
    Website Materials
    Front End Template
    About us Disclaimer Sitemap
    php.cn:Public welfare online PHP training,Help PHP learners grow quickly!