gulpfile.babel.js

'use strict';

let gulp = require('gulp'),
	livereload = require('gulp-livereload'),
	plumber = require('gulp-plumber'),
	browserify = require('browserify'),
	babelify = require('babelify'),
	through2 = require('through2'),
	transform = require('vinyl-transform'),
	rename = require('gulp-rename'),
	opn = require('opn'),
	sass = require('gulp-sass'),
	wait = require('gulp-wait'),
	sourcemaps = require('gulp-sourcemaps'),
	notify = require('gulp-notify'),
	nodemon = require('gulp-nodemon'),
	exec = require('child_process').exec;

gulp.task('default', ['watch']);

gulp.task('watch', () => {
	// opn('http://localhost:8080/');
	livereload.listen();
	gulp.watch('./src/scss/*.scss', ['styles']);
	gulp.watch('./src/frontend-scripts/**/*.js*', ['scripts', 'lint']);
	gulp.watch('./routes/*.js', ['reload']);
});

gulp.task('lint', () => {
	// gulp.src(['./src/frontend-scripts/*.js*'])
	// 	.pipe(jshint())
	// 	.pipe(jshint.reporter('jshint-stylish'));
});

gulp.task('styles', () => {
	return gulp.src('./src/scss/style.scss')
		.pipe(sourcemaps.init())
		.pipe(sass({outputStyle: 'compressed'}).on('error', () => {
			notify('sass error');
			return sass.logError;
		}))
		.pipe(sourcemaps.write())
		.pipe(gulp.dest('./public/styles/'))
		.pipe(wait(1000))
		.pipe(livereload());
});

gulp.task('scripts', () => {
	gulp.src('./src/frontend-scripts/game-app.js')
		.pipe(through2.obj((file, enc, next) => {
			browserify(file.path, {debug: true})
				.transform(babelify)
				.bundle((err, res) => {
					if (err) {
						notify(err);
						return next(err);
					}
					file.contents = res;
					next(null, file);
				});
		}))
		.on('error', function (error) {
			notify(error.stack);
			console.log(error.stack);
			this.emit('end');
		})
		.pipe(rename('bundle.js'))
		.pipe(gulp.dest('./public/scripts'))
		.pipe(wait(500))
		.pipe(livereload());
});

gulp.task('reload', () => {
	gulp.src('')
		.pipe(wait(4500))
		.pipe(livereload());
});