const gulp = require('gulp'),
sass = require('gulp-sass'),
browserSync = require('browser-sync').create(),
csso = require('gulp-csso'),
imagemin = require('gulp-imagemin');
function style() {
return gulp.src('./src/scss/**/*.scss')
.pipe(sass().on('error', sass.logError))
.pipe(gulp.dest('./src/css'))
.pipe(
browserSync.stream());
}
function minifyImg() {
return gulp.src('./src/img/*')
.pipe(imagemin())
.pipe(gulp.dest('./build/img'))
}
function minifyCSS() {
return gulp.src('./src/css/style.css')
.pipe(csso())
.pipe(gulp.dest('./build/css'));
}
function watch() {
browserSync.init({
server: {
baseDir: './build'
}
})
gulp.watch('./src/scss/**/*.scss', style);
gulp.watch('./src/css/**/*.css', minifyCSS);
gulp.watch('./src/img/**/*', minifyImg);
gulp.watch('./build/*.html').on('change', browserSync.reload);
gulp.watch('./src/js/**/*.js').on('change', browserSync.reload);
}
exports.style = style;
exports.style = minifyCSS;
exports.watch = watch;