gulpfile.js

var gulp = require('gulp');
var sass = require('gulp-sass');
var cleanCSS = require('gulp-clean-css');
var rename = require("gulp-rename");
var uglify = require('gulp-uglify-es').default;
var browserSync = require('browser-sync').create();
var base64 = require('gulp-base64');

// Default task
gulp.task('default', ['css', 'js', 'vendor']);

// Copy third party libraries into /vendor
gulp.task('vendor', function() {

    // Bootstrap
    gulp.src([
        './node_modules/bootstrap/dist/**/*',
        '!./node_modules/bootstrap/dist/css/bootstrap-grid*',
        '!./node_modules/bootstrap/dist/css/bootstrap-reboot*'
        ])
        .pipe(gulp.dest('./vendor/bootstrap'))

    // Font Awesome
    gulp.src([
        './node_modules/font-awesome/**/*',
        '!./node_modules/font-awesome/{less,less/*}',
        '!./node_modules/font-awesome/{scss,scss/*}',
        '!./node_modules/font-awesome/.*',
        '!./node_modules/font-awesome/*.{txt,json,md}'
        ])
        .pipe(gulp.dest('./vendor/font-awesome'))

    // jQuery
    gulp.src([
        './node_modules/jquery/dist/*',
        '!./node_modules/jquery/dist/core.js'
        ])
        .pipe(gulp.dest('./vendor/jquery'))
  
});

// Compile SCSS
gulp.task('css:compile', ['css:minify'], function() {
    return gulp.src(['./scss/**/*.scss'])
      .pipe(sass.sync({
        outputStyle: 'expanded'
      }).on('error', sass.logError))
      .pipe(rename({
        basename: "move"
      }))
      .pipe(base64())
      .pipe(gulp.dest('./dist/css/'))
});

// Minify CSS
gulp.task('css:minify', function() {
    return gulp.src([
        './dist/css/*.css',
        '!./dist/css/*.min.css'
      ])
      .pipe(cleanCSS())
      .pipe(rename({
        basename: "move",
        suffix: '.min'
      }))
      .pipe(gulp.dest('./dist/css/'))
      .pipe(browserSync.stream());
});

// CSS tasks
gulp.task('css', ['css:compile', 'css:minify']);

// Minify JavaScript
gulp.task('js:minify', function() {
    return gulp.src([
        './js/*.js',
        '!./js/*.min.js'
      ])
      .pipe(uglify())
      .pipe(rename({
        basename: "move",
        suffix: '.min'
      }))
      .pipe(gulp.dest('./dist/js/'))
      .pipe(browserSync.stream());
});

// JS tasks
gulp.task('js', ['js:minify']);

// Configure the browserSync task
gulp.task('browserSync', function() {
    browserSync.init({
      server: {
        baseDir: "./"
      }
    });
});

// Dev task
gulp.task('dev', ['css', 'js', 'browserSync'], function() {
    gulp.watch('./scss/*.scss', ['css']);
    gulp.watch('./js/*.js', ['js']);
    gulp.watch('./*.html', browserSync.reload);
});