- git clone
- npm install
- начать работу
- npm start -- запускает live-server и компиляторы
- собрать проект
- npm run build
- docs/ -- собранный проект
- gulp/ -- хранит задачи для gulp
- src/ -- исходные файлы
- files/ -- разные файлы (video, audio)
- fonts/
- html/ -- шаблоны для html
- img/
- js/
- scss/
- blocks/ -- файлы scss для БЭМ-блоков
- configs/
- fonts.scss -- подключение шрифтов
- variables.scss -- подключение CSS и SCSS-переменных
- global.scss -- глобальные стили
- style.scss -- точка входа для стилей
- index.html
- Перенос файлов из папки с исходниками в папку docs
- Компиляция SCSS в CSS, создание карт кода для стилей
- Оптимизация изображений
- Запуск сервера
- Минификация js
- Создание js-бандла при помощи webpack-плагина
- Работа с шаблонами при помощи плагина fileinclude, например можно подключать html-шаблоны: @@include('html/footer.html', {})
В сборке присутствуют мои конфиги линтеров для js и стилей. Чтобы работать с ними в VSCode необходимое установить следующие плагины:
- ESLint
- Stylelint -- добавлена сортировка стилей и работа с SCSS
- Prettier - Code formatter Теперь ошибки будут подчёркиваться, а при форматировании будет работать автоисправление ошибок.