Style Guide. https://neyia.github.io/segterra_frontend/ Main idea - making reusable components.
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
Segterra_Front_CodeStyle.xml