gulpfile.js

const
	gulp = require('gulp'),
	uglify = require('gulp-uglify'),
	sourcemaps = require('gulp-sourcemaps'),
	concat = require('gulp-concat'),
	connect = require('gulp-connect-php'),
	browserSync = require('browser-sync'),
	autoprefixer = require('autoprefixer'),
	postcss = require('gulp-postcss'),
	cssnano = require('cssnano'),
	htmlmin = require('gulp-htmlmin')
;

function javascript() {
	return gulp.src([
			'node_modules/gsap/dist/gsap.min.js',
			'node_modules/gsap/dist/ScrollTrigger.min.js',
			'node_modules/gsap/dist/ScrollToPlugin.min.js',
			'js/src/helpers/helper.js',
			'js/src/helpers/scroll.js',
			'js/src/helpers/animate.js',
			'js/src/helpers/api.js',
			'js/src/app/replurk.js',
			'js/src/main.js'
		])
		.pipe(sourcemaps.init({
			largeFile: true,
			loadMaps: true
		}))
		.pipe(uglify())
		.pipe(concat("bundle.js"))
		.pipe(sourcemaps.write("."))
		.pipe(gulp.dest('js/'))
		.pipe(browserSync.stream())
	;
}

function css() {
	return gulp.src([
			'node_modules/normalize.css/normalize.css',
			'css/src/main.css',
			'css/src/404.css',
			'css/src/nojs.css',
			'css/src/print.css'
		])
		.pipe(sourcemaps.init({
			loadMaps: true
		}))
		.pipe(postcss([
			autoprefixer(),
			cssnano()
		]))
		.pipe(concat("bundle.css"))
		.pipe(sourcemaps.write("."))
		.pipe(gulp.dest('css'))
		.pipe(browserSync.stream())
	;
}

function css_vertical() {
	return gulp.src([
			'css/src/vertical-screen.css'
		])
		.pipe(sourcemaps.init({
			loadMaps: true
		}))
		.pipe(postcss([
			autoprefixer(),
			cssnano()
		]))
		.pipe(concat("vertical-screen.css"))
		.pipe(sourcemaps.write("."))
		.pipe(gulp.dest('css'))
		.pipe(browserSync.stream())
	;
}

function css_horizontal() {
	return gulp.src([
			'css/src/horizontal-screen.css'
		])
		.pipe(sourcemaps.init({
			loadMaps: true
		}))
		.pipe(postcss([
			autoprefixer(),
			cssnano()
		]))
		.pipe(concat("horizontal-screen.css"))
		.pipe(sourcemaps.write("."))
		.pipe(gulp.dest('css'))
		.pipe(browserSync.stream())
	;
}

function php() {
	return gulp.src(['src/*.php'])
		.pipe(htmlmin({
			collapseWhitespace: true
		}))
		.pipe(gulp.dest('./'))
		.pipe(browserSync.stream())
}

exports.default = function() {
	connect.server({
		hostname: "0.0.0.0",
		port: 8080,
		base: "./",
		keepalive: true
	}, function () {
		browserSync.init({
			open: true,
			proxy: "localhost:8080/"
		});
	});
	gulp.watch(['js/src/*.js', 'js/src/*/*.js'], { ignoreInitial: false }, javascript);
	gulp.watch(['css/src/*.css', 'css/src/*/*.css'], { ignoreInitial: false }, css);
	gulp.watch('css/src/vertical-screen.css', { ignoreInitial: false }, css_vertical);
	gulp.watch('css/src/horizontal-screen.css', { ignoreInitial: false }, css_horizontal);
	gulp.watch('src/*.php', { ignoreInitial: false }, php);
};