Что внутри
- 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"
}