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