updated gulpfiles to gulp4

web/themes/custom/edlptheme/gulpfile.js

@@ -28,16 +28,17 @@ function handleError(err) {
   console.log(err.toString());
 }
 
-gulp.task('scripts', function () {
+gulp.task('scripts', done => {
   gulp.src(['./assets/scripts/main.js', './assets/scripts/redirect.js']) // './assets/scripts/shared_variables.js',
     // .pipe(concat('main.js'))
     .pipe(gulpif(prod, stripDebug()))
     .pipe(gulpif(prod, jsmin()))
     .pipe(rename({suffix: '.min'}))
     .pipe(gulp.dest('./assets/dist/scripts/'));
+  done()
 });
 
-gulp.task('styles', function () {
+gulp.task('styles', done => {
   gulp.src(['./assets/styles/app.scss'])
     .pipe(sass().on('error', sass.logError))
     .pipe(autoprefixer({
@@ -49,44 +50,49 @@ gulp.task('styles', function () {
     // .pipe(cssmin())
     .pipe(rename({suffix: '.min'}))
     .pipe(gulp.dest('./assets/dist/styles/'));
+  done()
 });
 
-gulp.task('bower', function() {
-    gulp.src(mainBowerFiles({
-      "overrides":{
-        "masonry-layout":{
-          "main":"./dist/masonry.pkgd.min.js"
-        },
-        "imagesloaded":{
-          "main":"./imagesloaded.pkgd.min.js"
-        },
-        "jquery":{"ignore":true},
-        "ev-emitter":{"ignore":true},
-        "fizzy-ui-utils":{"ignore":true},
-        "get-size":{"ignore":true},
-        "outlayer":{"ignore":true},
-      }
-    }))
-      .pipe(gulp.dest('./assets/dist/bower/'));
+gulp.task('bower', done => {
+  gulp.src(mainBowerFiles({
+    "overrides":{
+      "masonry-layout":{
+        "main":"./dist/masonry.pkgd.min.js"
+      },
+      "imagesloaded":{
+        "main":"./imagesloaded.pkgd.min.js"
+      },
+      "jquery":{"ignore":true},
+      "ev-emitter":{"ignore":true},
+      "fizzy-ui-utils":{"ignore":true},
+      "get-size":{"ignore":true},
+      "outlayer":{"ignore":true},
+    }
+  }))
+    .pipe(gulp.dest('./assets/dist/bower/'));
+  done()
 });
 
-gulp.task('svg', function () {
+gulp.task('svg', done => {
   gulp.src(['./assets/img/*.svg', '!./assets/img/edlp-loader-anim.svg'])
     .pipe(svgmin())
     .pipe(gulp.dest('./assets/dist/img'));
   gulp.src('./assets/img/edlp-loader-anim.svg')
     .pipe(gulp.dest('./assets/dist/img'));
+  done()
 });
 
 // default gulp task
 // ,  'vars2sass' 'vars2js',
-gulp.task('default', ['bower', 'scripts', 'styles', 'svg'], function() {
+// gulp.task('default', ['bower', 'scripts', 'styles', 'svg'], function() {
+gulp.task('default', gulp.series('bower', 'scripts', 'styles', 'svg', function(done) {
   // gulp.watch('./assets/json/*.json', ['vars2js', 'styles', 'scripts']); //, 'vars2sass'
-  gulp.watch('./assets/styles/*.scss', ['styles']);
-  gulp.watch('./assets/styles/base/*.scss', ['styles']);
-  gulp.watch('./assets/scripts/*.js', ['scripts']);
-  gulp.watch('./assets/img/*.svg', ['svg']);
-});
+  gulp.watch('./assets/styles/*.scss', gulp.series('styles'));
+  gulp.watch('./assets/styles/base/*.scss', gulp.series('styles'));
+  gulp.watch('./assets/scripts/*.js', gulp.series('scripts'));
+  gulp.watch('./assets/img/*.svg', gulp.series('svg'));
+  done()
+}));
 
 
 

web/themes/custom/edlptheme/package.json

@@ -7,7 +7,7 @@
   "license": "GPLv3",
   "homepage": "https://encyclopediedelaparole.org",
   "devDependencies": {
-    "gulp": "latest",
+    "gulp": "^4.0.2",
     "gulp-autoprefixer": "^5.0.0",
     "gulp-concat": "latest",
     "gulp-cssmin": "latest",
@@ -16,13 +16,14 @@
     "gulp-json-to-sass": "latest",
     "gulp-json2js": "latest",
     "gulp-rename": "latest",
-    "gulp-sass": "^4.0.1",
+    "gulp-sass": "^4.0.2",
     "gulp-strip-debug": "^3.0.0",
     "gulp-svgmin": "^1.2.4",
     "gulp-util": "latest",
     "gulp-watch": "latest",
-    "main-bower-files": "latest",
-    "minimist": "^1.2.0"
+    "main-bower-files": "^2.13.3",
+    "minimist": "^1.2.0",
+    "node-sass": "^4.12.0"
   },
   "dependencies": {}
 }