Front-End template.

Шаблон для вёрстки сайта на nodeJS 12 и gulp 4.

Установка

• npm init --yes
• npm install -g gulp-cli
• npm install sa-template-1 --save-dev

Особенности установки/обновления

• readme.md, .stylelintrc, .eslintrc копируются, если не существуют
• Все таски и gulpfile.js заменяются
• .gitignore дополняется необходимыми записями
• package.json:
  • Дополняется зависимостями
  • Дополняется директориями
  • Обновляются подключенные таски
  • Дополняется настройками тасков
  • Дописывается browserslist, если его не было

Основные команды

npm run start - development - разработка
npm run build - production - сборка
npm run module название - создание модуля с .pug, .scss и .js файлами
npm run lint-css - линтинг css
npm update sa-template-1 - обновление шаблона
npm install sa-template-1@version - обновление шаблона

Список тасков

• html - компиляция pug в html
• css - компиляция sass в css
• js - сборка bundle js
• fonts - копирование шрифтов
• compress - сжатие изображений jpg, png
• sprite - генерация svg спрайта

Используемые технологии

• nodejs
• gulp
• pug + gulp-pug + html-minifier
• sass + node-sass + gulp-sass
• postcss + gulp-postcss + autoprefixer + cssnano
• browserify + babel + babelify + uglifyJS
• gulp-svg-sprites + svgo + gulp-svgo
• imagemin + gulp-imagemin + jpegtran + gifsicle + optipng