vite+vue3项目怎么获取指定目录里的文件？

Question

比如在vue2中，获取 pages/ 里的所有 .vue 的文件，排除pages/下的 components、modules、panel 等目录就是：

    getPagesFile() {
      let paths = []
      const files = require.context('@/pages/', true, /.vue$/).keys()
      // console.log(files)

      files.filter((item) => {
        const path = item.replace('./', '').replace('.vue', '')
        if (!path.includes('components') && !path.includes('modules') && !path.includes('panel')) {
          paths.push(path)
        }
      })
      // console.log(paths)

      return paths;
    },

但 require.context() 好像是webpack的特性，vite构建的项目不能用

那在vue3中怎么实现？

Answer 1

可以用import.meta.glob