const gulp = require('gulp');
const stylus = require('gulp-stylus');
const pug = require('gulp-pug');
const imagemin = require('gulp-imagemin');
const connect = require('gulp-connect');

gulp.task('pug', function(){
	gulp.src('./src/*pug')
		.pipe(pug())
		.pipe(gulp.dest('./out'))
		.pipe(connect.reload())
})

gulp.task('stylus', function(){
	gulp.src('./src/assets/styles/*.styl')
		.pipe(stylus())
		.pipe(gulp.dest('./out/assets/styles/'))
		.pipe(connect.reload())
})

gulp.task('imagemin', function(){
	gulp.src('src/assets/images/*')
	.pipe(imagemin())
	.pipe(gulp.dest('out/assets/images/'))
})

gulp.task('serve', function(){
	connect.server({
		root: './out',
		livereload: true
	})
})

/*gulp.task('watch', function(){
	gulp.watch(['./src/*pug'],['pug'])
	gulp.watch(['./src/assets/styles/*styl'], ['stylus'])
})

gulp.task('server', ['serve', 'watch'])
gulp.task('build', ['pug', 'stylus'])*/