如何在 Vite Vue.js 项目中获取特定文件夹的文件列表？

在 vite vue.js 项目中获取特定文件夹中的文件列表

在使用 vite 的 vue.js 项目中，您可能需要从 public 目录下的特定文件夹中获取所有文件的文件名。这可以通过以下方式实现：

目录结构：

├── favicon.ico
├── folder1
│   └── file1.txt
└── folder2
    └── file2.txt

登录后复制

javascript 代码：

立即学习“前端免费学习笔记（深入）”；

const files = import.meta.glob('/public/folder1/*');
console.log(files, object.keys(files));

登录后复制

结果：

{
  "/public/folder1/file1.txt": () => import("/public/folder1/file1.txt?import")
} ["/public/folder1/file1.txt"]

登录后复制

这将输出一个 files 对象，其中包含文件夹中所有文件的路径和基于 webpack 的 import 函数。通过 object.keys(files)，您可以获取文件路径的数组。

以上就是如何在 Vite Vue.js 项目中获取特定文件夹的文件列表？的详细内容，更多请关注抖狐科技其它相关文章！