gulpfile.babel.js

'use strict'; // eslint-disable-line

import gulp from 'gulp';
import sass from 'gulp-sass';
import babel from 'gulp-babel';
import prefix from 'gulp-autoprefixer';
// import uglify from 'gulp-uglify';
import sourcemaps from 'gulp-sourcemaps';
import nodemon from 'gulp-nodemon';

const browserSync = require('browser-sync').create();

const reload = browserSync.reload;

gulp.task('copyJS', () =>
  gulp
    .src(['node_modules/carbon-components/scripts/carbon-components.min.js'])
    .pipe(gulp.dest('dist/js')),
);

gulp.task('copyHTML', () => gulp.src('app/views/*.html').pipe(gulp.dest('dist')));

gulp.task('js', () =>
  gulp
    .src('app/js/*.js')
    .pipe(
      babel({
	presets: ['env'],
}),
    )
    .pipe(gulp.dest('dist/js')),
);

gulp.task('fonts', () =>
  gulp
    .src('node_modules/carbon-components/src/globals/fonts/*.{woff2,woff}')
    .pipe(gulp.dest('app/assets/fonts'))
    .pipe(gulp.dest('dist/assets/fonts')),
);

gulp.task('img', () => gulp.src('app/assets/img/**/**.*').pipe(gulp.dest('dist/assets/img')));

gulp.task('styles', () =>
  gulp
    .src('app/scss/**/*.scss')
    .pipe(sourcemaps.init())
    .pipe(
      sass({
	outputStyle: 'compressed',
	includePaths: ['node_modules'],
}),
    )
    .pipe(
      prefix({
	browsers: ['> 1%', 'last 2 versions'],
}),
    )
    .pipe(sourcemaps.write())
    .pipe(gulp.dest('./dist/css'))
    .pipe(browserSync.stream()),
);

gulp.task('nodemon', () => {
	let started = false;

	const stream = nodemon({
		script: './app/bin/www',
		watch: './app',
	}).on('start', () => {
		if (!started) {
			started = true;
		} else {
			browserSync.reload({ stream: false });
		}
	});

	return stream;
});

gulp.task('watch', () => {
	gulp.watch('./app/scss/**/*.scss', ['styles', reload]);
	gulp.watch('./app/js/*.js', ['js', reload]);
	gulp.watch('./app/views/**/*.html', ['copyHTML', reload]);
});

gulp.task('build', ['fonts', 'img', 'styles', 'copyJS', 'copyHTML', 'js']);

gulp.task('dev', ['build', 'watch', 'nodemon'], () => {
	browserSync.init({
		proxy: 'http://localhost:7777',
		open: false,
	});
});