gulpfile.js

/**
 * Automatically Copies Deps from Framework:
 * FontAwesome
 * jquery-stellar
 * components.css
 * bootstrap.min.css
 * font-family-controls.min.css
 */

var gulp = require( 'gulp' ),
	cssnano = require( 'gulp-cssnano' ),
	rename = require( 'gulp-rename' ),
	sass = require( 'gulp-sass' ),
	debug = require( 'gulp-debug' ),
	uglify = require( 'gulp-uglify' ),
	concat = require( 'gulp-concat' ),
	sequence = require( 'run-sequence' ),
	del = require( 'del' ),
	fs = require( 'fs' ),
	autoprefixer = require( 'gulp-autoprefixer' ),
	gutil = require( 'gutil' ),
	pump = require( 'pump' );

// Configs.
var config = {
	src: './',
	dist: './',
	fontDest: './assets/fonts',
	buildDest: './build',
	cssDest: './assets/css',
	jsDest: './assets/js',
	jsonDir: './assets/json'
};

// Compile sass files.
gulp.task( 'sass', function() {
	gulp
		.src( [
			config.dist + '/assets/scss/**/*.scss',
			'!' + config.src + 'assets/scss/color-palette-scss/**/*'
		] )
		.pipe(
			sass( {
				includePaths: [ config.dist + 'assets/scss/' ]
			} ).on( 'error', sass.logError )
		)
		.pipe( sass.sync().on( 'error', sass.logError ) )
		.pipe(
			autoprefixer( {
				browsers: [ '> 1%', 'Last 2 versions' ],
				cascade: false
			} )
		)
		.pipe( gulp.dest( config.dist + '/assets/css' ) )
		.pipe(
			cssnano( {
				discardComments: { removeAll: true },
				zindex: false
			} )
		)
		.pipe( rename( { suffix: '.min' } ) )
		.pipe( gulp.dest( config.dist + '/assets/css' ) );
} );

gulp.task( 'merge-webpack', function() {
	gulp
		.src( [
			config.dist + '/assets/css/editor.min.css',
			config.dist + '/assets/css/bundle.min.css'
		] )
		.pipe(
			autoprefixer( {
				browsers: [ '> 5%' ],
				cascade: false
			} )
		)
		.pipe( concat( 'editor.min.css' ) )
		.pipe( gulp.dest( config.dist + '/assets/css/' ) );
} );

gulp.task( 'jsmin-media', function( cb ) {
	pump(
		[
			gulp.src( [
				'!' + config.src + 'assets/js/media/**/*.min.js',
				config.src + 'assets/js/media/**/*.js'
			] ),
			uglify(),
			rename( {
				suffix: '.min'
			} ),
			gulp.dest( config.dist + 'assets/js/media' )
		],
		cb
	);
} );

gulp.task( 'jsmin-editor', function( cb ) {
	pump(
		[
			gulp.src( [
				'!' + config.src + 'assets/js/editor/**/*.min.js',
				config.src + 'assets/js/editor/**/*.js'
			] ),
			uglify(),
			rename( {
				suffix: '.min'
			} ),
			gulp.dest( config.dist + 'assets/js/editor' )
		],
		cb
	);
} );

gulp.task( 'build', function( cb ) {
	sequence( [ 'sass', 'jsmin-editor', 'jsmin-media' ], cb );
} );

gulp.task( 'watch', function() {
	gulp.watch( config.src + 'assets/scss/**/*', [ 'sass' ] );
} );