gulpfile.js

// Project Specific Variables
const projectPath 		= './';
const devPath 			= projectPath + '_dev';
const buildPath 		= projectPath + 'assets';
const projectURL 		= 'http://local.octocat';

// Global Gulp Dependency
const gulp 				= require('gulp');
const gulpLoadPlugins 	= require('gulp-load-plugins');
const rename			= require('gulp-rename');
const newer				= require('gulp-newer');
const path 				= require('path');
const webpack 			= require('webpack-stream');

// Styles Task Dependencies
const sass 				= require('gulp-sass');
const pixrem 			= require('gulp-pixrem');
const autoprefixer		= require('gulp-autoprefixer');
const cleanCSS 			= require('gulp-clean-css');

// Scripts Task Dependencies
const concat 			= require('gulp-concat');
const uglify			= require('gulp-uglify');


// Images Task Dependencies
const imagemin			= require('gulp-imagemin');
const pngquant			= require('imagemin-pngquant');

// SVG Task Dependencies
const svgstore			= require('gulp-svgstore');
const svgmin			= require('gulp-svgmin');
const cheerio 			= require('gulp-cheerio');

const $ = gulpLoadPlugins();

// Server Task Dependencies
const browserSync		= require('browser-sync').create();
const reload = browserSync.reload;

// Styles Gulp task, run by calling 'gulp styles' in CLI
gulp.task('styles', function() {
	gulp.src([devPath + '/scss/compile.scss'])
	.pipe(rename({ basename: "main" }))
	.pipe(sass({includePaths: ['node_modules/']}).on('error', sass.logError))
	.pipe(pixrem({ rootValue: '62.5%' }))
	.pipe(autoprefixer({ browsers: ['last 2 versions', 'ie 8', 'ie 9'] }))
	//.pipe(gulp.dest(buildPath + '/css/'))
	.pipe(cleanCSS())
	//.pipe(rename({ suffix: ".min" }))
	.pipe(gulp.dest(buildPath + '/css/'))
});

// Scripts Gulp task, run by calling 'gulp scripts' in CLI
gulp.task('octoScript', function() {
	var scriptsToConcat = [
		devPath + '/js/octocat.js'
	];
	gulp.src(scriptsToConcat)
		.pipe(concat('octocat.js'))
		//.pipe(gulp.dest(buildPath + '/js/'))
		//.pipe(uglify())
		// .pipe(rename({
		// 	suffix: ".min"
		// }))
		.pipe(gulp.dest(buildPath + '/js/'))
});

gulp.task('saveScript', function() {
	var scriptsToConcat = [
		devPath + '/js/save.js'
	];
	gulp.src(scriptsToConcat)
		.pipe(concat('save.js'))
		//.pipe(gulp.dest(buildPath + '/js/'))
		//.pipe(uglify())
		// .pipe(rename({
		// 	suffix: ".min"
		// }))
		.pipe(gulp.dest(buildPath + '/js/'))
});

gulp.task('scripts', function() {
	var scriptsToConcat = [
		devPath + '/js/Tweenmax.js',
		devPath + '/js/main.js'
	];
	gulp.src(scriptsToConcat)
		.pipe(concat('main.js'))
		//.pipe(uglify())
		.pipe(gulp.dest(buildPath + '/js/'))
});


// Scripts Gulp task, run by calling 'gulp scripts' in CLI
gulp.task('pwScript', function() {
	var scriptsToConcat = [
		devPath + '/js/password.js'
	];
	gulp.src(scriptsToConcat)
		.pipe(concat('password.js'))
		//.pipe(gulp.dest(buildPath + '/js/'))
		//.pipe(uglify())
		// .pipe(rename({
		// 	suffix: ".min"
		// }))
		.pipe(gulp.dest(buildPath + '/js/'))
});


// Images Gulp task, run by calling 'gulp images' in CLI
gulp.task('images', function() {
	gulp.src([devPath + '/images/**/*.{png,jpg,gif,ico,svg}'])
	.pipe(newer(buildPath + '/images/'))
	.pipe(imagemin({
		progressive: true,
		use: [pngquant()]
	}))
	.pipe(gulp.dest(buildPath + '/images/'))
});


// Move fonts
gulp.task('fonts', function () {
  return gulp.src([devPath + '/fonts/**/*'])
    .pipe( gulp.dest(buildPath + '/fonts/') );
});

// Watch Gulp task, run by calling 'gulp watch' in CLI
gulp.task('watch', function() {
	gulp.watch(devPath + '/scss/**/*.scss', ['styles']);
	gulp.watch(devPath + '/images/**/*.{png,jpg,gif,ico,svg}', ['images']);
	gulp.watch(devPath + '/js/octocat.js', ['octoScript']);
	gulp.watch(devPath + '/js/save.js', ['saveScript']);
	gulp.watch(devPath + '/js/main.js', ['scripts']);
	gulp.watch(devPath + '/js/compile/*.js', ['twitter']);

	gulp.watch(devPath + '/js/password.js', ['pwScript']);
});

// Server Gulp task, run by calling 'gulp server' in CLI
gulp.task('server', function() {
	browserSync.init({
		open: false,
		injectChanges: true,
		proxy: projectURL,
		files: [buildPath + '/css/*.css', buildPath + '/js/*.js', projectPath + '*.html']
	})
	gulp.watch(projectPath + '**/*.php').on('change', browserSync.reload);
});

// Default Gulp task, run by calling 'gulp' in CLI
gulp.task('default', ['styles', 'scripts', 'pwScript', 'octoScript', 'saveScript', 'images', 'watch', 'server'])