Front-End сборка

Что внутри

• Bootstrap 4 grid
• Gulp
• Минификатор картинок
• Спрайт генератор
• библиотека миксинов bourbon.io

Установка

Перед началалом роботы - установим все пакеты и зависимости

npm i

также поставим gulp =) :

npm i gulp -g

Начало работы

Для запуска сборки:

gulp

Для запуска спрайт-генератор:

сначала ложим наши спрайты(иконки etc.) в папку:

./dev/img/spite/

после чего пишем:

gulp make-sprite

после этого спрайты доступны как миксины в - sprite.scss

Проект запускается на локальном сервере:

localhost:1337

Пакеты которые есть в проекте

 "devDependencies": {
   "csscomb": "^3.1.8",
   "gulp": "^3.9.0",
   "gulp-autoprefixer": "^3.1.0",
   "gulp-concat": "^2.6.0",
   "gulp-connect": "^2.2.0",
   "gulp-file-include": "^0.13.7",
   "gulp-imagemin": "^3.0.1",
   "gulp-minify-css": "^1.2.1",
   "gulp-plumber": "^1.0.1",
   "gulp-postcss": "^6.0.1",
   "gulp-replace": "^0.5.4",
   "gulp-sass": "^2.1.1",
   "gulp-sourcemaps": "^1.6.0",
   "gulp-uglify": "^1.4.2",
   "gulp-watch": "^4.3.5",
   "gulp.spritesmith": "^6.0.1",
   "imagemin-pngquant": "^4.2.2",
   "less-plugin-autoprefix": "^1.5.1",
   "node-bourbon": "^4.2.3"
 },
 "dependencies": {
   "bourbon": "^4.2.6",
   "imagemin-pngquant": "^4.2.2"
 }