update gulp

gulpfile.js

@@ -8,62 +8,73 @@
  * @version    1.0 Beta
  */
 
-var gulp         = require('gulp'),
+const Gulp = require('gulp');
-    browserSync  = require('browser-sync'),
+const BrowserSync  = require('browser-sync');
-    sass         = require('gulp-sass'),
+const sass         = require('gulp-sass');
-    autoprefixer = require('gulp-autoprefixer'),
+const autoprefixer = require('gulp-autoprefixer');
-    cleanCSS     = require('gulp-clean-css'),
+const cleanCSS     = require('gulp-clean-css');
-    uglify       = require('gulp-uglify'),
+const uglify       = require('gulp-uglify');
-    renameFiles  = require('gulp-rename');
+const renameFiles  = require('gulp-rename');
 
-  gulp.task('browser-sync', function() {
+const Url = 'http://localhost:8888/scrum/';
-    browserSync.init(null, {
+const Browser = 'google chrome';
+
+function browserSync(cb){
+  BrowserSync.init({
     server: {
       // baseDir: "app",
-        proxy: 'http://localhost:8888/scrum/',
+      proxy: Url,
       // files: ['app/views/**/*.*', 'public/**/*.css', 'public/**/*.js'],
-        browser: 'google chrome',
+      browser: Browser,
       port: 3005,
       // open: false
     }
+  }, function (err, bs){
+    cb();
   });
-  });
+};
 
-  gulp.task('bs-reload', function () {
+function bsReload(cb){
-    browserSync.reload();
+  BrowserSync.reload();
-  });
+  cb();
+};
 
-  gulp.task('css', function () {
+function css(){
-    return gulp.src('src/stylesheets/**/*.scss')
+  return Gulp.src('src/stylesheets/**/*.scss')
     .pipe(sass().on('error', sass.logError))
     .pipe(autoprefixer('last 3 version'))
-      .pipe(gulp.dest('app/assets/stylesheets'))
+    .pipe(Gulp.dest('app/assets/stylesheets'))
+}
+function cssMinify(){
+  return Gulp.src('app/assets/stylesheets/**/*.css')
     .pipe(cleanCSS({debug: true}, function(details) {
       console.log('Original Size : ' + details.name + ': ' + details.stats.originalSize + ' bytes');
       console.log('Minified Size : ' + details.name + ': ' + details.stats.minifiedSize + ' bytes');
     }))
     .pipe(renameFiles({ suffix: '.min' }))
-      .pipe(gulp.dest('app/assets/stylesheets'))
+    .pipe(Gulp.dest('app/assets/stylesheets'))
-      .pipe(browserSync.reload({
+    // .pipe(browserSync.reload({ // ??
-        stream:true
+    //   stream:true
-      }));
+    // }));
-  });
+};
 
-  
+function jsMinify(){
-  gulp.task('js',function(){
+  return Gulp.src('src/javascript/**/*.js')
-    return gulp.src('src/scripts/**/*.js')
-      .pipe(gulp.dest('app/assets/scripts'))
     .pipe(uglify())
     .pipe(renameFiles({ suffix: '.min' }))
-      .pipe(gulp.dest('app/assets/scripts'))
+    .pipe(Gulp.dest('app/assets/scripts'))
-      .pipe(browserSync.reload({
+    // .pipe(browserSync.reload({ // ??
-        stream: true, 
+    //   stream: true, 
-        once: true
+    //   once: true
-      }));
+    // }));
-  });
+};
 
-  gulp.task('default', ['js', 'css', 'browser-sync'], function () {
+const cssTask = Gulp.series(css, cssMinify);
-    gulp.watch("src/stylesheets/**/*.scss", ['css']);
+const jsTask = jsMinify
-    gulp.watch("src/scripts/**/*.js", ['js']);
+const buildTask = Gulp.parallel(cssTask, jsTask);
-    gulp.watch("app/*.html", ['bs-reload']);
+
-  });
+exports.server = browserSync;
+exports.cssBuild = cssTask;
+exports.jsBuild = jsTask;
+exports.build = buildTask;
+exports.default = Gulp.series(buildTask, browserSync);

package.json

@@ -10,7 +10,7 @@
   "license": "ISC",
   "devDependencies": {
     "browser-sync": "^2.14.0",
-    "gulp": "^3.9.1",
+    "gulp": "^4.0.2",
     "gulp-clean-css": "^2.0.12",
     "gulp-rename": "^1.2.2",
     "gulp-sass": "^2.3.2",