gulpfile.js

/*
  This is an EXAMPLE gulpfile.js
  You'll want to change it to match your project.
  Find plugins at https://npmjs.org/browse/keyword/gulpplugin
*/
var gulp = require('gulp');
var uglify = require('gulp-uglify');

gulp.task('scripts', function() {
  // Minify and copy all JavaScript (except vendor scripts)
  gulp.src(['client/js/**/*.js', '!client/js/vendor/**'])
    .pipe(uglify())
    .pipe(gulp.dest('build/js'));

  // Copy vendor files
  gulp.src('client/js/vendor/**')
    .pipe(gulp.dest('build/js/vendor'));
});

// Copy all static assets
gulp.task('copy', function() {
  gulp.src('client/img/**')
    .pipe(gulp.dest('build/img'));

  gulp.src('client/css/**')
    .pipe(gulp.dest('build/css'));

  gulp.src('client/*.html')
    .pipe(gulp.dest('build'));
});

// The default task (called when you run `gulp`)
gulp.task('default', function() {
  gulp.run('scripts', 'copy');

  // Watch files and run tasks if they change
  gulp.watch('client/js/**', function(event) {
    gulp.run('scripts');
  });

  gulp.watch([
    'client/img/**',
    'client/css/**',
    'client/*.html'
  ], function(event) {
    gulp.run('copy');
  });
});

taskFile.js

var uglifyJS = require('uglify-js');
var glob = require('glob-stream').create;
var watch = require('glob-watcher');
var through = require('through');
var fs = require('fs');
var path = require('path');

// uglify -.- wtf. make stream kind of.
// gulp-uglify should be like this instead!
function uglify() {
  var stream = through()

  // mikeal style pipe hack because uglify -.-
  stream.on('pipe', function (src) {
    var fileName = src.fileName
    fs.readFile(fileName, function (err, file) {
      if (err) {
        return stream.emit('error', err)
      }

      var payload

      try {
        payload = uglifyJS.minify(String(file), { fromString: true }).code
      } catch (err) {
        return stream.emit('error', err)
      }

      stream.end(payload)
    })
  })

  return stream
}

// gulp.src should be like this!
function src(patterns) {
  return glob(patterns)
    .pipe(through(function (file) {
      var stream = fs.createReadStream(file.path)
      stream.fileName = file.path
      return stream
    }))
}

// gulp.dest should be like this!
function dest(baseDir) {
  return through(function (fileStream) {
    fileStream.pipe(fs.createWriteStream(
      path.join(baseDir, path.filename(fileStream.fileName))
    ))
  })
}

// gulp.task is not needed, just use functions!
var tasks = {
  'scripts': function () {
    src(['client/js/**/*.js', '!client/js/vendor/**'])
      .pipe(through(function (fileStream) {
        return fileStream.pipe(uglify());
      }))
      .pipe(dest('build/js'))

    src('client/js/vendor/**')
      .pipe(dest('build/js/vendor'))
  },
  'copy': function () {
    src('client/img/**')
      .pipe(dest('build/img'))

    src('client/css/**')
      .pipe(dest('build/css'))

    src('client/*.html')
      .pipe(dest('build'))
  },
  'default': function () {
    tasks.scripts()
    tasks.copy()

    watch('client/js/**', tasks.scripts)

    watch([
      'client/img/**',
      'client/css/**',
      'client/*.html'
    ], tasks.copy)
  }
}

// you don't need a special gulp command
// just node taskFile.js scripts to run scripts.
// or `alias gulp = node taskFile.js`
var cmd = process.argv[3] || 'default';
tasks[cmd]();

I am building New WordPress theme,i Install all necessary files for Browser-sync but when i go live my editing scss files doesn't seem to update styles on page And i think the problem is in my Gulpfile.js Could you tell me Please what is wrong with my Gulpfile.js code !!

`var themename = 'afsevenscores';

var gulp = require('gulp'),
// Prepare and optimize code etc
autoprefixer = require('autoprefixer'),
browserSync = require('browser-sync').create(),
image = require('gulp-image'),
jshint = require('gulp-jshint'),
postcss = require('gulp-postcss'),
sass = require('gulp-sass'),
sourcemaps = require('gulp-sourcemaps'),

// Only work with new or updated files
newer = require('gulp-newer'),

// Name of working theme folder
root = '../' + themename + '/',
scss = root + 'sass/',
js = root + 'js/',
img = root + 'images/',
languages = root + 'languages/';

// CSS via Sass and Autoprefixer
gulp.task('css', function() {
return gulp.src(scss + '{style.scss,rtl.scss}')
.pipe(sourcemaps.init())
.pipe(sass({
outputStyle: 'expanded',
indentType: 'tab',
indentWidth: '1'
}).on('error', sass.logError))
.pipe(postcss([
autoprefixer('last 2 versions', '> 1%')
]))
.pipe(sourcemaps.write(scss + 'maps'))
.pipe(gulp.dest(root));
});

// Optimize images through gulp-image
gulp.task('images', function() {
return gulp.src(img + 'RAW/**/*.{jpg,JPG,png}')
.pipe(newer(img))
.pipe(image())
.pipe(gulp.dest(img));
});

// JavaScript
gulp.task('javascript', function() {
return gulp.src([js + '*.js'])
.pipe(jshint())
.pipe(jshint.reporter('default'))
.pipe(gulp.dest(js));
});

// Watch everything
gulp.task('watch', function() {
browserSync.init({
open: 'external',
proxy: 'http://localhost/afsevenscores/wordpress/',
port: 8080
});
gulp.watch([root + '/*.css', root + '/.scss' ], ['css']);
gulp.watch(js + '**/.js', ['javascript']);
gulp.watch(img + 'RAW//*.{jpg,JPG,png}', ['images']);
gulp.watch(root + '/*').on('change', browserSync.reload);
});

// Default task (runs at initiation: gulp --verbose)
gulp.task('default', ['watch']);
`