Установка npm зависимостей
npm install
Запуск в режиме разработчика
npm run dev
Собрать проект
npm run build
Собрать проект с форматированием картинок в WebP
npm run buildWithWebP
Деплой проекта в html.xpager.ru
npm run deployFTPHtml
Деплой проекта в html.xpager.ru с форматированием картинок в WebP
npm run deployFTPHtmlWebP
Деплой проекта на боевой сайт
npm run deployFTPServer
Деплой проекта на боевой сайт с форматированием картинок в WebP
npm run deployFTPServerWebP
Собрать svg sprite
npm run sprite
Перезаписать шрифты (Если появились новые)
npm run fonts
├── .vscode/ # настройки VSCode
│ └── snippets/ # сниппеты
├── dist/ # собранный проект
├── config/ # настройки сборщика
│ └── gulp-tasks/ # задачи gulp
│ └── gulp-settings.js # пути
│ └── gulp-plugins.js # общие плагины
├── src/ # исходники
| ├── assets/ #
│ │ └── fonts/ # шрифты
│ │ └── img/ # папка для хранения картинок
│ │ └── svg-sprite/ # папка для преобразования svg в спрайт
│ ├── scripts/ # скрипты
│ │ └── modules/ # модули
│ │ └── libs/ # библиотеки
│ │ └── utils/ # утилиты
│ │ └── index.js # главный скрипт
│ ├── templates/ # Разметка
│ │ └── blocks/ # общие блоки
│ │ └── pages/ # страницы
│ │ │ └── index.pug # главная страница
│ │ └── sections/ # секции страниц
│ ├── styles/ # стили сайта
│ │ └── main.scss # главный файл стилей
│ │ └── base/ # базовые стили
│ │ │ └── mixins # миксины
│ │ │ └── _null.sass # файл для обнуление стилей браузера
│ │ │ └── _fonts.sass # файл для подключения шрифтов (подключаются автоматически)
│ │ │ └── _variables.sass # файл для написания css- или sass-переменных
│ │ │ └── _animations.sass # файл анимаций
│ │ │ └── _base.sass # файл общих стилей (настройки)
│ │ └── blocks/ # стили общих блоков
│ │ │ └── form/ # стили форм (checkbox, input, ...)
│ │ └── libs/ # стили различных библиотек (плагинов)
│ │ └── pages/ # стили страниц
│ │ └── sections/ # стили секций
│ └── views/ # страницы
└── gulpfile.js # gulp
└── vite.config.dev.js # vite конфиг
└── package.json # файл с установленными пакетами
└── .editorconfig # файл с настройками форматирования кода
└── .ecrc # файл с настройками пакета editorconfig-checker (исключает ненужные папки)
└── README.md # документация сборки
- gulp
- gulp-fonter-fix
- gulp-if
- gulp-newer
- gulp-notify
- gulp-plumber
- gulp-rename
- gulp-sharp-responsive
- gulp-svg-sprite
- gulp-ttf2woff
- gulp-run
- gulp-ttf2woff2
- vinyl-ftp