Skip to content

Структура проекта

.
├─ .husky                               # директория конфигурации husky
│  └─ pre-commit                        # конфигурация команд для pre-commit
├─ .vscode                              # директория конфигурации vscode
│  ├─ extension.json                    # конфигурация плагинов
│  └─ settings.json                     # конфигурация настроек
├─ build                                # директория собранного проекта (результат работы над проектом), игнорируется git'ом
├─ node_modules                         # директория с пакетами, игнорируется git'ом
├─ plugins                              # директория плагинов для сборки
│  ├─ functions                         # директория функций для плагинов
│  │  └─ [function files].js
│  ├─ utils                             # директория утиллит для плагинов
│  │  └─ [util files].js
│  └─ vite-plugin-[…].js
├─ public                               # директория статических ассетов
│  ├─ fonts                             # директория шрифтов
│  │  └─ Inter-[…].woff2
│  └─ img                               # директория изображений
│     └─ favicon                        # директория favicon и webmanifest
│        ├─ apple-touch-icon.png
│        ├─ favicon[…].{ico|svg|png}
│        └─ site.webmanifest
├─ src                                  # директория исходников
│  ├─ components                        # директория блоков/компонентов
│  │  ├─ atoms                          # директория слоя атомов
│  │  │  ├─ container                   # директория компонента container
│  │  │  └─ page                        # директория компонента page
│  │  ├─ edging                         # директория слоя окантовки
│  │  │  ├─ footer                      # директория компонента footer
│  │  │  └─ header                      # директория компонента header
│  │  ├─ molecules                      # директория слоя молекул
│  │  ├─ organisms                      # директория слоя организмов
│  │  └─ overrides                      # директория слоя переопределений
│  ├─ data                              # директория данных json
│  │  ├─ pages                          # директория данных для страниц
│  │  │  └─ index.json
│  │  └─ project-navigation.json        # данные проектной навигации
│  ├─ icons                             # директория svg-иконок
│  ├─ layouts                           # директория шаблонов
│  │  ├─ layout__default.pug            # базовый шаблон разметки
│  │  ├─ layout__default-head.pug       # head базового шаблона
│  │  └─ layout__project-nav.pug        # компонент проектной навигации
│  ├─ pages                             # директория страниц
│  │  └─ […].{pug|json}
│  ├─ scripts                           # директория скриптов
│  │  ├─ common                         # директория общих js-файлов
│  │  ├─ helpers                        # директория вспомогательных функций
│  │  │  └─ […].js
│  │  ├─ utils                          # директория js-утиллит
│  │  │  └─ […].js
│  │  └─ vendor                         # директория скриптов сторонних библиотек
│  ├─ service                           # директория вспомогательных файлов сборщика
│  │  └─ hashes.json                    # файл-список хешей генерируемых файлов
│  └─ styles                            # директория стилей
│     ├─ base                           # директория базовых стилей и переменных
│     │  └─ […].scss
│     ├─ functions                      # директория scss-функций
│     │  └─ […].scss
│     ├─ mixins                         # директория scss-примесей
│     │  └─ […].scss
│     └─ vendor                         # директория стилей сторонних библиотек
├─ .editorconfig                        # конфигурация editorconfig
├─ .gitignore
├─ .prettierignore
├─ .pug-lintrc                          # конфигурация pug-lint
├─ builder.config.js                    # конфигурационный файл — уровень сборщик
├─ eslint.config.js                     # конфигурация eslint
├─ new.js                               # скрипт создания блока/компонента
├─ package.json
├─ postcss.config.js                    # конфигурация postcss
├─ prettier.config.js                   # конфигурация prettier
├─ project.config.js                    # конфигурационный файл — уровень проекта
├─ stylelint.config.js                  # конфигурация stylelint
└─ vite.config.js                       # конфигурационный файл — уровень vite