gulpfile.babel.js

"use strict";

// GUlp is a simple platform-agnostic toolkit that helps you automate painful
// and time-consuming tasks in your workflow
import gulp from "gulp";
import gulpEslint from "gulp-eslint";
// browser-sync - Live CSS Reload & Browser Syncing
import browserSyncLib from "browser-sync";
// minimist - argument parser without all the fanciful decoration
import minimist from "minimist";
// gulp-load-plugins - Loads gulp plugins from package dependencies and attaches
// them to an object of your choice.
import gulpLoadPlugins from "gulp-load-plugins";

// Import package.json to grab and use the config property
import packageJsonData from "./package.json";

import clean from "./gulp/clean";
import copy from "./gulp/copy";
import copyIcon from "./gulp/copy-icon";
import deploy from "./gulp/deploy";
import font from "./gulp/font";
import image from "./gulp/image";
import pug from "./gulp/pug";
import sass from "./gulp/sass";
import template from "./gulp/template";
import watch from "./gulp/watch";

const config = Object.assign({}, packageJsonData.config);
const args = minimist(process.argv.slice(2));
const dir = config.directory;
const taskTarget = args.production ? dir.production : dir.development;

// Create a new browserSync instance
const browserSync = browserSyncLib.create();

// Load gulp plugins
const plugins = gulpLoadPlugins({
  // when set to true, the plugin will log info to console.
  // Useful for bug reporting and issue debugging
  DEBUG: false
});

// Read all files from the gulp folder and load all gulp tasks
// fs.readdirSync('./gulp')
//   .filter(fileName => /\.(js)$/i.test(fileName))
//   .map(fileName => fileName.split('.').reduce(a=>a)());
const taskOptionList = { gulp, config, args, taskTarget, plugins, browserSync };
clean(taskOptionList);
copy(taskOptionList);
copyIcon(taskOptionList);
deploy(taskOptionList);
font(taskOptionList);
image(taskOptionList);
pug(taskOptionList);
sass(taskOptionList);
template(taskOptionList);
watch(taskOptionList);
// Server task with watch
gulp.task(
  "dev",
  gulp.series(
    "clean:development",
    "font",
    "copy",
    "copyIcon",
    "image",
    "sass",
    "pug",
    "template",
    "watch"
  )
);

// Build production ready code
gulp.task(
  "build",
  gulp.series(
    "clean:production",
    "font",
    "copy",
    "copyIcon",
    "image",
    "sass",
    "pug",
    "template"
  )
);

// Default gulp task
gulp.task("default", () => {
  console.log("Default gulp task");
});