Документация проекта car lending

Особенности

Используется gulp 4, для его работы нам нужен node 10 версии.

скачайте node 10, установите/обновите;
введите команду, которая скачает необходимые компоненты для корректной работы нашей сборки, указанные в файле package.json: npm install;
введите команду: gulp watch (режим сборки, отслеживания изменений и автоматическое обновление страницы).

Если вы всё сделали правильно, у вас должен открыться браузер с локальным сервером и работающим browser-sync.

browser-sync - живая перезагрузка веб-страницы при внесении изменений в файлы вашего проекта;
gulp-autoprefixer — автоматически расставляет вендорные префиксы в CSS в соответствии с сервисом Can I Use;
gulp-uglify — минификация JS-файлов;
gulp-pug — компиляция Pug в HTML;
gulp-sass — компиляция SCSS в CSS;
gulp-group-css-media-queries - группировка @media;
gulp-clean-css — минификация CSS-файлов;
gulp-rename — переименование файлов, добавление суффиксов и префиксов (например, добавление суффикса .min к минифицированным файлам);
gulp-imagemin — сжатие изображений PNG, JPG, GIF и SVG (включая дополнительные плагины для оптимизации);
gulp-svg-sprite — создание SVG-спрайтов;
gulp-plumber — оповещения в командной строке (например, ошибки в SCSS/Sass);
gulp-debug — отладка в терминале;
gulp-watch — отслеживание изменений в ваших файлах проекта;
gulp-clean — удаление файлов и папок;

Pug-файлы находятся в папке src/views
- шаблон: src/views/extends/layout.pug
- компоненты (кнопки, инпуты, чекбоксы и т.д.): src/views/components
- инклюды (шапка, футер, etc): src/views/includes
- страницы: src/views/pages
- секции: src/views/sections
- миксины: src/views/utils
SCSS-файлы находятся в папке src/styles
- стили компонентов (кнопки, инпуты, чекбоксы и т.д.): src/styles/components
- инклюды (шапка, футер, etc): src/styles/includes
- стили секций: src/styles/sections
- переменные, миксины, наследуемые свойства, стили шрифтов: src/styles/utils
- сторонние библиотеки (от других разработчиков): src/styles/_libs.scss
JS-файлы находятся в папке src/js
Изображения находятся в папке src/img
- векторные изображения для создания спрайтов: src/img/svg
- единичное изображение для генерации фавиконок находится в src/img/favicon.png (данное изображение может иметь формат .jpg, .png или .gif и размер не менее чем 100px x 100px)

gulp

gulp copy-files