Кратко про gulp

Кратко про gulp

верстка

Минимум для начала работы

проверить node -v и npm -v

npm install gulp -g

npm init

npm install gulp --save-dev

npm install gulp-sass --save-dev

npm install gulp-plumber --save-dev  // чтобы gulp продолжал работу при ошибках компиляции

npm install browser-sync --save-dev // для обновления браузера

Плагины

autoprefixer

https://github.com/sindresorhus/gulp-autoprefixer

npm install gulp-autoprefixer --save-dev

rimraf
gulp.task('default', function () {
return gulp.src('src/app.css')
.pipe(autoprefixer({
browsers: ['last 2 versions'],
cascade: false
}))
.pipe(gulp.dest('dist'));
});
для удаления папок (например, папки build)
npm install rimraf --save-dev
var rimraf = require('rimraf');
gulp.task('cleanBuildDir', function (cb) {
rimraf(buildDir, cb);
});
более новый аналог https://www.npmjs.com/package/del
gulp-jade
gulp-inline-image
gulp-directory-sync
gulp-concat
gulp-purifycss
gulp-uglify
gulp-imagemin
imagemin-pngquant
gulp-csso
gulp-html5-lint

Задачи по html/css