Associates

How to start

  • yarn && bower i && gulp - install npm dependencies, bower packages and run dev-server

Tasks

Task name Description
build build dev-ready project
production build prod-ready project
clean remove ./dest folder
default will start all tasks required by project in dev mode
fonts copy fonts files *.{ttf,eot,woff,woff2,svg} to ./dest path
icon-fonts Create {svg/ttf/eot/woff/woff2} fonts from several SVG icons
img:build optimize, compress, crete webp and clone images
js creating and combining logic files info one files => app.js
pug interpreted or compiled into *.html
scss interpreted or compiled into *.css
spritePNG create *.svg sprites
spriteSVG create *.png sprites
vendorScript *.js generation of additional libraries used in one file
vendorStyle *.css generation of additional libraries used in one file
vendorFont *.{eot,svg,ttf,woff,woff2} copy files to ./dest path

NPM script

  • npm run start - run dev-server, same as gulp
  • npm run build - build project from sources, same as gulp build
  • npm run clean - run task for delete destination folder, same as gulp clean
  • npm run deploy-dev - deploy dev (!optimization) files => domainName.surge.sh
  • npm run deploy-prod - deploy prod (optimization) files => domainName.surge.sh

Libraries & packages used by default:

  • Normalize-css;
  • Reset-css;
  • bower-webfontloader;
  • svg4everybody;