gulpfile.js

'use strict';

var gulp = require('gulp');
var plumber = require('gulp-plumber');
var concat = require('gulp-concat');
var uglify = require('gulp-uglify');
var postcss = require('gulp-postcss');
var autoprefixer = require('autoprefixer');
var cssnano = require('cssnano');
var sourcemaps = require('gulp-sourcemaps');
var browserSync = require('browser-sync').create();
var historyApiFallback = require('connect-history-api-fallback');

var src = {
	css: 'folder/css/*.css',
	js: 'folder/js/*.js',
	dest: {
		css: 'folder/css/dest/',
		js: 'folder/js/dest/',
		maps: '../sourcemaps/'
	}
};

gulp.task('server',['js', 'css'], function() {
	browserSync.init({
		proxy: "sublime.dev",
	});

	gulp.watch(src.scss, ['css']);
	gulp.watch(src.js, ['js']);
	gulp.watch([src.dest.js+'*.js', '**/*.php']).on('change', browserSync.reload);
});

gulp.task('js', function() {
	gulp.src(src.js)
    .pipe(plumber())
    .pipe(sourcemaps.init())
      .pipe(concat('scripts.min.js'))
      .pipe(uglify())
    .pipe(sourcemaps.write(src.dest.maps))
    .pipe(gulp.dest(src.dest.js))
});

gulp.task('css', function () {
	var processors = [
		autoprefixer({browsers: ['last 2 version']}),
		cssnano(),
	];
	gulp.src(src.css)
	.pipe(sourcemaps.init())
	.pipe(postcss(processors))
	.pipe(sourcemaps.write(src.dest.maps))
	.pipe(gulp.dest(src.dest.css));
	// .pipe(browserSync.stream());
});

gulp.task('compressjs', function() {
	var watcher = gulp.watch(src.js, ['js']);
	watcher.on('change', function(event) {
		console.log('File ' + event.path + ' was ' + event.type + ', running tasks...');
	});
});