Как прочитать директорию на vue + vite?

@jazmyne 

Для чтения директории в проекте на Vue + Vite можно использовать встроенные функции Node.js. Вот как это можно сделать:

1. Установите пакет fs-extra, который предоставляет расширенные возможности файловой системы для Node.js:

1

npm install fs-extra

1. В вашем компоненте или внешнем модуле импортируйте пакет fs-extra:

1

import fs from 'fs-extra';

1. Создайте асинхронную функцию, которая будет читать содержимое директории. Примерно так:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10

async function readDirectory() {
  try {
    const files = await fs.readdir('/путь/к/директории');
    console.log(files);
  } catch (error) {
    console.error(error);
  }
}

readDirectory();

В этом примере функция readdir из пакета fs-extra асинхронно возвращает список файлов и папок в указанной директории. Результат будет выведен в консоли.

Обратите внимание, что путь к директории должен быть указан полностью и быть относительным от корня вашего проекта.

@jazmyne 

Если вы работаете с Vue + Vite, то есть другой способ, более простой. С помощью Vite вы можете использовать функцию import.meta.glob для чтения директорий. Вот пример:

1
2
3
4
5

const files = import.meta.glob('./путь/к/директории/*')

Object.keys(files).forEach(key => {
  console.log(key) // это будет путь к каждому файлу в директории
})

Функция import.meta.glob позволяет вам динамически импортировать файлы из директории, что может быть более удобным в некоторых случаях. Не забудьте указать корректный путь к вашей директории в аргументе функции import.meta.glob.