Front-End template.

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

Установка

• npm init --yes
• npm install sa-template-2 --save-dev

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

• readme.md, .stylelintrc, .eslintrc копируются, если не существуют
• Конфигурация, start.js и build.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-2 - обновление шаблона
npm install sa-template-2@version - обновление шаблона

Функции сборки

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

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

• nodejs
• webpack
• pug + pug-html-loader + html-loader + html-minifier
• sass + node-sass + sass-loader
• postcss + postcss-loader + autoprefixer + cssnano
• uglifyJS
• svg-sprite-loader + svgo + svgo-loader
• image-webpack-loader + imagemin + mozjpeg + gifsicle + optipng