gulpfile.js

var gulp = require("gulp");
var sass = require("gulp-sass");
var header = require("gulp-header");
var cleanCSS = require("gulp-clean-css");
var rename = require("gulp-rename");
var uglify = require("gulp-uglify");
var pkg = require("./package.json");
var browserSync = require("browser-sync").create();
var series = gulp.series;

// Set the banner content
var banner = [
  "/*!\n",
  " * Start Bootstrap - <%= pkg.title %> v<%= pkg.version %> (<%= pkg.homepage %>)\n",
  " * Copyright 2013-" + new Date().getFullYear(),
  " <%= pkg.author %>\n",
  " * Licensed under <%= pkg.license %> (https://github.com/BlackrockDigital/<%= pkg.name %>/blob/master/LICENSE)\n",
  " */\n",
  ""
].join("");

// Copy third party libraries from /node_modules 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"));

  // Devicons
  gulp
    .src([
      "./node_modules/devicons/**/*",
      "!./node_modules/devicons/*.json",
      "!./node_modules/devicons/*.md",
      "!./node_modules/devicons/!PNG",
      "!./node_modules/devicons/!PNG/**/*",
      "!./node_modules/devicons/!SVG",
      "!./node_modules/devicons/!SVG/**/*"
    ])
    .pipe(gulp.dest("./vendor/devicons"));

  // 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"));

  // jQuery Easing
  gulp
    .src(["./node_modules/jquery.easing/*.js"])
    .pipe(gulp.dest("./vendor/jquery-easing"));

  // Simple Line Icons
  gulp
    .src(["./node_modules/simple-line-icons/fonts/**"])
    .pipe(gulp.dest("./vendor/simple-line-icons/fonts"));

  gulp
    .src(["./node_modules/simple-line-icons/css/**"])
    .pipe(gulp.dest("./vendor/simple-line-icons/css"));
});

// Compile SCSS
gulp.task("css:compile", function() {
  return gulp
    .src("./scss/**/*.scss")
    .pipe(
      sass
        .sync({
          outputStyle: "expanded"
        })
        .on("error", sass.logError)
    )
    .pipe(gulp.dest("./css"));
});

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

// CSS
gulp.task("css", series(["css:compile", "css:minify"]));

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

// JS
gulp.task("js", series(["js:minify"]));

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

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

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