В файле index.js директории 05-merge-styles напишите скрипт собирающий в единый файл содержимое папки styles. Выходной файл должен носить имя bundle.css и находиться внутри папки project-dist.
- После завершения работы скрипта в папке project-dist должен находиться файл bundle.css содержащий стили из всех файлов папки styles.
- При добавлении/удалении/изменении файлов стилей в папке styles и повторном запуске скрипта файл bundle.css перезаписывается и содержит актуальные стили.
- Любые файлы имеющие расширение отличное от css или директории игнорируются.
- Стили находящиеся в файле bundle.css созданном в процессе сборки не должны быть повреждены.
- Научиться объединять информацию из нескольких файлов с одним расширением.
Обратите внимание, что внутри 05-merge-styles находится папка test-files предназначенная для проверки задания и в ходе решения поставленной задачи взаимодействие с ней не предполагается.
Возможный порядок действий для выполнения задачи:
- Импорт всех требуемых модулей
- Чтение содержимого папки styles
- Проверка является ли объект файлом и имеет ли файл нужное расширение
- Чтение файла стилей
- Запись прочитанных данных в массив
- Запись массива стилей в файл bundle.css
Для наглядного эффекта работы вашего скрипта рекомендую установить в vscode расширение Live Server и запустить с его помощью файл index.html находящийся в директории project-dist.