1.1.10 • Published 6 months ago
frank-the-pug v1.1.10
Основные концепции
1) Архитектурная методология Feature Sliced Design, насколько это возможно для html-вёрстки. 2) БЭМ 3) Сборка: Gulp + Webpack 4) Pug/SCSS/JavaScript-вёрстка 5) TinyPNG для оптимизации изображений
Начало работы
- Установка и запуск
npx frank-the-pug project_name
cd project_name
npm start
- Забрать необходимые компоненты из
/plugins
в/src
- Обновить импорты
npm run imports
CLI-команды
npm run start
- режим разработки + запуск локального сервераnpm run build
- сборка для продакшенаnpm run dev
- сборка в dev-режимеnpm run zip
- production-сборка + упаковка сборки в zip-архивnpm run imports
- автоматическая простановка pug и scss импортов компонентов вsrc/widgets
иsrs/shared
gulp tiny
- минификация изображенийgulp fonts
- генерация woff/woff2 шрифтов из ttf/otfgulp svgsprite
- генерация SVG-спрайта из иконокgulp prepare
- одновременное выполнениеgulp tiny
,gulp fonts
иgulp svgSprite
gulp deploy
- деплой всей сборки на FTP (предварительно настройтеgulp/config/ftp.js
)gulp deploy --preset-name
- избирательная загрузка сборки на FTP (настраивается индивидуально вgulp/config/ftp.js
)gulp copy
- копирование содержимогоpublic
вbuild
gulp scss
- сборка cssgulp pughtml
- сборка htmlgulp js
- сборка js