add node 15 support for dev

gulpfile.js

@@ -10,51 +10,44 @@ const cssCompressor = require("gulp-csso");
 const terser = require("gulp-terser");
 const eslint = require("gulp-eslint");
 const saveLicense = require("uglify-save-license");
-const browserSync = require("browser-sync");
+const browserSync = require("browser-sync").create();
 const concat = require("gulp-concat");
-const reload = browserSync.reload;
 const browserChoice = "default";
 
 /**
  * Build the demo sass styles
  */
-gulp.task("build:scss:demo", function () {
+function buildScssDemo() {
     return gulp.src("css/scss/demo.scss")
         .pipe(sass({
             precision: 10
         }).on("error", sass.logError))
-        .pipe(autoprefixer({
-            browsers: ["last 2 versions"],
-            cascade: false,
-        }))
+        .pipe(autoprefixer())
         .pipe(cssCompressor({
             restructure: false
         }))
         .pipe(gulp.dest("css"));
-});
+}
 
 /**
  * Build the themes sass styles
  */
-gulp.task("build:scss:themes", function () {
+function buildScssThemes() {
     return gulp.src("css/scss/simplyCountdown.theme.*.scss")
         .pipe(sass({
             precision: 10
         }).on("error", sass.logError))
-        .pipe(autoprefixer({
-            browsers: ["last 2 versions"],
-            cascade: false,
-        }))
+        .pipe(autoprefixer())
         .pipe(cssCompressor({
             restructure: false
         }))
         .pipe(gulp.dest("css"));
-});
+}
 
 /**
  * Transpile the lib from es6 to es5
  */
-gulp.task("build:es6", ["lint:es6"], function () {
+function buildEs6() {
     return gulp.src("dev/simplyCountdown.js")
         .pipe(concat("simplyCountdown.min.js"))
         .pipe(babel({
@@ -66,39 +59,33 @@ gulp.task("build:es6", ["lint:es6"], function () {
             }
         }))
         .pipe(gulp.dest("dist"));
-});
-
+}
 
-gulp.task("lint:es6", function () {
+function lintEs6() {
     return gulp.src("dev/simplyCountdown.js")
         .pipe(eslint())
         .pipe(eslint.format())
-        .pipe(eslint.failAfterError())
-});
+        .pipe(eslint.failAfterError());
+}
 
-gulp.task("lint:no-break:es6", function () {
+function lintNoBreakEs6() {
     return gulp.src("dev/simplyCountdown.js")
         .pipe(eslint())
-        .pipe(eslint.format())
-});
-
-/**
- * BUILD
- * Build everything Sass & JS
- */
-gulp.task("build", [
-    "build:scss:demo",
-    "build:scss:themes",
-    "build:es6",
-]);
+        .pipe(eslint.format());
+}
 
 
 /**
  *  SERVE
  *  Take a coffee, relax, and write some code
  */
-gulp.task("serve", ["build:scss:demo", "build:scss:themes", "lint:no-break:es6"], function () {
-    browserSync({
+function reload(done) {
+    browserSync.reload();
+    done();
+}
+
+function serve() {
+    browserSync.init({
         notify: true,
         port: 9000,
         reloadDelay: 100,
@@ -108,14 +95,11 @@ gulp.task("serve", ["build:scss:demo", "build:scss:themes", "lint:no-break:es6"]
         }
     });
 
-    gulp.watch("dev/**/*.js", ["build:es6"])
-        .on("change", reload);
-
-    gulp.watch("css/scss/**/*", ["build:scss:demo", "build:scss:themes"])
-        .on("change", reload);
-
-    gulp.watch("./**/*.html")
-        .on("change", reload);
-});
+    gulp.watch("dev/**/*.js", gulp.series(lintNoBreakEs6, buildEs6, reload));
+    gulp.watch("css/scss/**/*", gulp.series(buildScssDemo, buildScssThemes, reload));
+    gulp.watch("./**/*.html", gulp.series(reload));
+}
 
-gulp.task("default", ["serve"]);
+exports.default = gulp.series(buildScssDemo, buildScssThemes, lintNoBreakEs6, buildEs6, serve);
+exports.serve = gulp.series(buildScssDemo, buildScssThemes, lintNoBreakEs6, buildEs6, serve);
+exports.build = gulp.series(buildScssDemo, buildScssThemes, lintEs6, buildEs6);

package.json

@@ -25,15 +25,18 @@
     "url": "https://github.com/VincentLoy/simplyCountdown.js/issues"
   },
   "license": "MIT",
+  "browserslist": [
+    "defaults"
+  ],
   "devDependencies": {
     "@babel/core": "^7.1.6",
     "@babel/polyfill": "^7.0.0",
     "@babel/preset-env": "^7.1.6",
     "browser-sync": "^2.26.3",
     "core-js": "^2.5.7",
     "eslint-config-airbnb-base": "^13.1.0",
-    "gulp": "^3.9.1",
-    "gulp-autoprefixer": "^6.0.0",
+    "gulp": "^4.0.2",
+    "gulp-autoprefixer": "^7.0.1",
     "gulp-babel": "^8.0.0",
     "gulp-concat": "^2.6.1",
     "gulp-csso": "^3.0.1",