gulpfile.babel.js

const gulp = require('gulp'),
		browserSync = require('browser-sync').create(),
		del = require('del'),
		sass = require('gulp-sass'),
		sassGlob = require('gulp-sass-glob'),
		exec = require('child_process').exec,
		babel = require('gulp-babel'),
		debug = require('gulp-debug'),
		gulpRactive  = require('gulp-ractive'),
		declare = require('gulp-declare'),
		concat = require('gulp-concat'),
		_ = require('lodash-compat'),
		wrap = require('gulp-wrap-amd'),
		uglify = require('gulp-uglify'),
		gulpCreate = require('./tasks/gulpCreate');

const pmRoot = 'node_modules';

// create new component from the template
gulp.task('create', function (callback) {
	gulpCreate(callback);
});

// concat and minify all component hbs files to templates.js
gulp.task('ractive-templates', function() {
	return gulp.src('src/**/*.hbs')
			.pipe(gulpRactive())
			.pipe(declare({
				namespace: 'Templates',
				noRedeclare: true
			}))
			.pipe(concat('templates.js'))
			.pipe(wrap({
				exports: 'this.Templates'
			}))
			.pipe(uglify())
			.pipe(gulp.dest('./public/js/'));
});

// copy third party js files
gulp.task('lib-js', ['npm-js'],  function() {
	return gulp.src(['src/lib/vendors/js/**/*.js'],{ base: 'src/lib/vendors/js'})
			.pipe(gulp.dest('public/js/vendors'))
});

// copy useful npm modules to vendors folder
gulp.task('npm-js', function() {
	return gulp.src(['ractive/ractive.js',
		'jquery/dist/jquery.js',
		'foundation-sites/dist/js/foundation.min.js',
		'requirejs/require.js',
		'lodash-compat/index.js'
	], {cwd: pmRoot, base: pmRoot})
			.pipe(uglify())
			.pipe(gulp.dest('public/js/vendors'))
});

// concat and minify component js files to components.js
gulp.task('components-js', function() {

	var depsParamsMap = {
		'Ractive': 'Ractive',
		'Templates': 'Templates',
		'constants': 'constants',
		'lodash': '_'
	};

	return gulp.src('src/framework/components/**/*.js') // Get source files with gulp.src
			.pipe(babel())
			.pipe(concat('components.js'))
			.pipe(wrap({
				deps: _.keys(depsParamsMap),
				params: _.values(depsParamsMap),
				exports: 'Ractive.components'
			}))
			//.pipe(uglify())
			.pipe(gulp.dest('public/js'))
			.pipe(browserSync.reload({
				stream: true
			}))
});

gulp.task('js', ['components-js', 'lib-js'], function() {
	return gulp.src('src/framework/*.js') // Get source files with gulp.src
			.pipe(babel())
			.pipe(uglify())
			.pipe(gulp.dest('public/js'))
			.pipe(browserSync.reload({
				stream: true
			}))
});


gulp.task('sass', function() {
	return gulp.src(['src/scss/**/*.scss'])
			.pipe(sassGlob())
			.pipe(sass())
			.pipe(gulp.dest('public/css'))
			.pipe(browserSync.reload({
				stream: true
			}))
});

gulp.task('foundation', function() {
	return gulp.src('src/lib/vendors/css/foundation.6.4.scss')
			.pipe(sass(
					{includePaths: ['node_modules/foundation-sites/scss']}
			))
			.pipe(gulp.dest('public/css/vendors'))
});

gulp.task('lib-css', function() {
	return gulp.src(['src/lib/vendors/css/kudos/*.css'])
	//.pipe(sass())
			.pipe(gulp.dest('public/css/vendors'))
});



gulp.task('clean', function() {
	return del.sync('public');
});

gulp.task('assets', function() {
	return gulp.src('./src/assets/**/*.*')
			.pipe(gulp.dest('public/assets'))
});

gulp.task('data', function() {
	return gulp.src('src/data/*.json')
			.pipe(gulp.dest('public/data'))
});

gulp.task('html', function() {
	return gulp.src('src/**/*.html')
			.pipe(gulp.dest('public/'))
});

gulp.task('browserSync', function() {
	browserSync.init({
		server: {
			baseDir: 'public'
		}
	})
});

gulp.task('server', function (cb) {
	exec('node server.js', function (err, stdout, stderr) {
		console.log(stdout);
		console.log(stderr);
		cb(err);
	});
});

gulp.task('watch', function(){
	gulp.watch(['src/scss/**/*.scss', 'src/framework/components/**/*.scss'], ['sass']);
	gulp.watch('src/js/**/*.js', ['js']);
	gulp.watch('src/**/*.html', ['html']);
	gulp.watch('src/**/*.hbs', ['ractive-templates'])
	gulp.watch('src/framework/components/**/*.js', ['components-js'])
});


gulp.task('default', ['clean', 'assets', 'data', 'lib-css', 'foundation', 'sass', 'ractive-templates', 'js', 'html', 'server', 'watch'], function (){
	// ...
});