let {src,dest,watch} = require('gulp'),
	sass = require('gulp-sass'),
	cssnano = require('gulp-cssnano'),
	rename = require('gulp-rename'),
	uglify = require('gulp-uglify'),
	htmlmin = require('gulp-htmlmin'),
	imagemin = require('gulp-imagemin'),
	babel = require('gulp-babel');
	
function fnCopyIndex(){
	return src('./src/index.html')
	.pipe(dest('./dist'));
}
function fnCSS(){
	return src('./src/sass/*.scss')
	.pipe(sass())
	.pipe(cssnano())
	.pipe(rename({suffix : '.min'}))
	.pipe(dest('./dist/css'));
}
function fnJS(){
	return src('./src/js/*.js')
	.pipe(babel({
		presets : ['@babel/env']
	}))
	.pipe(uglify())
	.pipe(rename({suffix : '.min'}))
	.pipe(dest('./dist/js'));
}
function fnPage(){
	return src('./src/pages/*.html')
	.pipe(htmlmin())
	.pipe(dest('./dist/html'));
}
function fnImg(){
	return src('./src/imgs/*')
	.pipe(imagemin())
	.pipe(dest('./dist/img'));
}
function fnWatch(){
	watch('./src/index.html',fnCopyIndex);
	watch('./src/sass/*.scss',fnCSS);
	watch('./src/js/*.js',fnJS);
	watch('./src/pages/*.html',fnPage);
	watch('./src/imgs/*',fnImg);
}
exports.copyIndex = fnCopyIndex;
exports.css = fnCSS;
exports.page = fnPage;
exports.js = fnJS;
exports.img = fnImg;
exports.default = fnWatch;