feat: upgrade to ES module

Author: driss-chelouati

README.md

@@ -11,9 +11,9 @@ Fresh is built with [Bulma](https://bulma.io) and [Alpine JS](https://github.com
 ## 👍 Features
 
 * Gulp 4 and nodejs 12.13.0 (minimum)
-* Bulma 0.9.1
+* Bulma 0.9.3
 * ES6 support
-* Alpine JS
+* Alpine v3
 
 ## 👌 Usage
 

config.js

@@ -1,4 +1,4 @@
-module.exports = {
+export default {
 	config: {
 		port: 9050
 	},

debug.log

@@ -1,30 +1,30 @@
-const { src, dest, task, watch, series, parallel } = require('gulp');
-const del = require('del');
-const options = require("./config");
-const browserSync = require('browser-sync').create();
-
-const sass = require('gulp-sass')(require('sass'));
-const bourbon = require('node-bourbon').includePaths;
-const concat = require('gulp-concat');
-const uglify = require('gulp-uglify');
-const imagemin = require('gulp-imagemin');
-const cleanCSS = require('gulp-clean-css');
-const purgecss = require('gulp-purgecss');
-const sourcemaps = require('gulp-sourcemaps');
-const autoprefixer = require('gulp-autoprefixer');
-const panini = require('panini');
-
-const browserify = require("browserify");
-const babelify = require("babelify");
-const source = require("vinyl-source-stream");
-const nodepath = 'node_modules/';
-
-sass.compiler = require('sass');
+import gulp from "gulp";
+
+import gulpSass from "gulp-sass";
+import bourbon from "node-bourbon";
+import concat from "gulp-concat";
+import imagemin from "gulp-imagemin";
+import sourcemaps from "gulp-sourcemaps";
+import autoprefixer from "gulp-autoprefixer";
+import panini from "panini";
+import sassCompiler from "sass";
+import del from "del";
+import browserify from "browserify";
+import babelify from "babelify";
+import source from "vinyl-source-stream";
+import logSymbols from "log-symbols";
+import BrowserSync from "browser-sync";
+
+import options from "./config.js";
+
+const { src, dest, watch, series, parallel } = gulp;
+const browserSync = BrowserSync.create();
+const nodepath = "node_modules/";
+const sass = gulpSass(sassCompiler);
 
 //Note : Webp still not supported in major browsers including forefox
 //const webp = require('gulp-webp'); //For converting images to WebP format
 //const replace = require('gulp-replace'); //For Replacing img formats to webp in html
-const logSymbols = require('log-symbols'); //For Symbolic Console logs :) :P 
 
 //Load Previews on Browser on dev
 function livePreview(done) {
@@ -52,7 +52,7 @@ function compileSCSS() {
       outputStyle: 'compressed',
       sourceComments: 'map',
       sourceMap: 'scss',
-      includePaths: bourbon
+      includePaths: bourbon.includePaths
     }).on('error', sass.logError))
     .pipe(autoprefixer('last 2 versions'))
     .pipe(dest('dist/css'))
@@ -158,13 +158,30 @@ function devClean() {
   return del([options.paths.dist.base]);
 }
 
-
-exports.setup = series(setupBulma);
-
-exports.default = series(
+const buildTasks = [
   devClean, // Clean Dist Folder
   resetPages,
-  parallel(concatCssPlugins, compileSCSS, javascriptBuild, devImages, compileHTML),
-  livePreview, // Live Preview Build
-  watchFiles // Watch for Live Changes
-);
+  parallel(
+    copyData,
+    concatCssPlugins, 
+    compileSCSS, 
+    javascriptBuild, 
+    devImages, 
+    compileHTML
+  ),
+]
+
+export const build = (done) => {
+  series(devClean, resetPages, parallel(...buildTasks, devImages))();
+  done();
+};
+
+export default (done) => {
+  series(
+    devClean,
+    resetPages,
+    parallel(...buildTasks),
+    parallel(livePreview, watchFiles)
+  )();
+  done();
+};