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

今日不肯埋头，明日何以抬头！每日一句努力自己的话哈哈~哈喽，今天我将给大家带来一篇《如何在 Vite Vue.js 项目中获取特定文件夹的文件列表？》，主要内容是讲解等等，感兴趣的朋友可以收藏或者有更好的建议在评论提出，我都会认真看的！大家一起进步，一起学习！

如何在 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)，您可以获取文件路径的数组。

以上就是本文的全部内容了，是否有顺利帮助你解决问题？若是能给你带来学习上的帮助，请大家多多支持米云！更多关于文章的相关知识，也可关注米云公众号。

近期文章