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

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

目录结构：

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

javascript 代码：

check-vue-style

检查 .vue 单文件组件的 CSS 规范问题并给出提示，适用于样式检查、CSS审查和 Vue 页面质量巡检。

下载

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

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