1. Установка пакетов:

npm i

2. Запуск сборщика:

gulp watch

---

Проверяет разметку на правильность нейминга BEM:

npm run bem

Проверяет стилистику написания кода, его форматирование:

npm run test

---

ВАЖНО!

1. Папка app нужна для разработки проекта, больше никуда ничего не добавляем, работаем только в ней!
2. Папка docs содержит скомпилированную, готовую версию проекта, которая отображается в браузере,
   она удаляется, и создается автоматически, каждый раз при запуске сборщика (gulp watch).

---

Что умеет сборка:

=======

npm i

2. Запуск сборщика:

gulp watch

---

Проверяет разметку на правильность нейминга BEM:

npm run bem

Проверяет стилистику написания кода, его форматирование:

npm run test

---

ВАЖНО!

1. Папка app нужна для разработки проекта, больше никуда ничего не добавляем, работаем только в ней!
2. Папка docs содержит скомпилированную, готовую версию проекта, которая отображается в браузере,
   она удаляется, и создается автоматически, каждый раз при запуске сборщика (gulp watch).

---

Что умеет сборка:

1. Собирает html из частей (возможности шаблонизатора);
2. Собирает, компилириует, минифицирует SASS;
3. Собирает, минифицирует js, умеет работать с es6 модулями(webpack);
4. Оптимизирует графику webp/jpg/png/svg;
5. Конвертирует растровые форматы изображений в webp, и автоматически подключает их в html, в теге picture;
6. Собирает векторный(символьный) svg-спрайт;
7. Добавляет временную метку в именах файлов, в тегах: link, scripts (css/js), предотвращая кеширование файлов;
8. Проверяет правильность BEM разметки, командой npm run bem;
9. Подсказывает ошибки в форматировании, командой npm run test.