Segterra Frontend

Style Guide. https://neyia.github.io/segterra_frontend/ Main idea - making reusable components.

Install

npm i

Gulp is a build tool in JavaScript 'build' on node streams. Working directory - 'scr'.

gulp-file-include - a plugin of gulp for file include

gulp-less - a less plugin for gulp

gulp-autoprefixer - prefix css with autoprefixer

gulp-clean-css - a gulp plugin to minify css, using clean-css

webpack-stream - run webpack as a stream to conveniently integrate with gulp.

gulp-imagemin - a gulp plugin to minify images

imagemin-jpegoptim - imagemin plugin for jpegoptim

gulp-svgstore - a gulp plugin to combine svg files into one with symbol.

gulp-rename - a gulp plugin to rename files easily

parallel - combines task functions and/or composed operations into larger operations that will be executed simultaneously

gulp-notify - notification plugin for gulp

html (use gulp-file-include) - moving html files from 'src' to 'build' folder
styles (use gulp-less, gulp-autoprefixer, gulp-clean-css) - converting to css, adding prefixes, cleaning and moving files from 'src' to 'build' folder.
scripts (use webpack-stream) - ..
img (use imagemin) - minified images and moving files from 'src' to 'build' folder
svgsprite (use gulp-svgstore, gulp-rename) - creating svg-sprites
clean - cleaning build folder
watch - watcher + parallel
serve (browser-sync) - live reload
dev - main task for the developing