Start-template - шаблон для верстки веб сайтов использует библиотеки jquery, bootstrap-4(grid only). Gulp modules: sass, autoprefixer, clean-css,uglifyjs, concat, browser-sync, rename, del, htmlhint, util, vinyl-ftp. .htaccess - правила кэширования для веб сервера.
В структуре шаблона исходники находятся в директории src/, сайт готовый к отправке на сервер - prod/.
- Скачать шаблон с GitHub
- npm i: установка gulp tasks
- gulp: запуск шаблона
- sass - препроцессор
- autoprefixer - вендорные префиксы для кроссбраузерности
- clean-css - сжатие css
- uglifyjs - сжатие js
- concat - конкатенация файлов
- browser-sync - livereload
- rename - переименование файлов
- del - удаление папки prod
- htmlhint - проверка синтаксиса html
- vinyl-ftp - deploy проекта на сервере
- gulpfile.js - подключение gulp плагинов
- package.json - список gulp плагинов
- В директории src находятся index.html, стили, скрипты, шрифты, изображения, библиотеки, sass файлы, .htaccess
- Директория sass: src/sass/main.sass - стили, src/sass/_variables.sass - sass переменные, src/sass/_media.sass - медиа запросы, src/libs/_fonts.sass - подключение шрифтов в одкну строку с помощью миксина в папке _mixins, src/libs/_default.sass - сброс некоторых дефолтных стилей браузера