gulpfile.js

// Variables
let gulp        = require('gulp');
let browserSync = require('browser-sync');
let reload      = browserSync.reload;
let plugins     = require('gulp-load-plugins');
let $           = plugins();
let request     = require('request');
let config      = require('./gulp.config.js');
let syncy       = require('syncy');
let webpackStream     = require('webpack-stream');
let webpack     = require('webpack');
let defaultTasks = ['php', 'screenshot', 'sass', 'scripts', 'images', 'fonts'];

// Tasks
gulp.task('sass', function () {
  return gulp.src(`${config.development_path}/sass/**/style.scss`)
    .pipe($.plumber())
    .pipe($.sass({
      includePaths: [
        'node_modules',
        'bower_components',
        `${config.development_path}/sass`
      ]
    }).on('error', $.sass.logError))
    .pipe($.autoprefixer({
      browsers: ['last 5 versions']
    }))
    .pipe($.concat('style.css'))
    .pipe($.cssnano())
    .pipe(gulp.dest(`${config.tmp_path}/wordpress/wp-content/themes/${config.theme_path}`));
});

gulp.task('scripts', function () {
  return gulp.src(`${config.development_path}/js/main.js`)
    .pipe($.plumber())
    .pipe(webpackStream({
      output: {
        filename: 'main.js'
      },
      module: {
        loaders: [
          {
            test: /\.js$/,
            exclude: /(node_modules|bower_components)/,
            loader: 'babel',
            query: {
              presets: ['es2015']
            }
          }
        ]
      },
      plugins: [
        new webpack.optimize.UglifyJsPlugin({mangle: true})
      ]
    }))
    .pipe(gulp.dest(`${config.tmp_path}/wordpress/wp-content/themes/${config.theme_path}/js`));
});


gulp.task('images', function (done) {
  syncy(
    [`${config.development_path}/images/**/*`],
    `${config.tmp_path}/wordpress/wp-content/themes/${config.theme_path}`,
    {
      verbose: true,
      base: config.development_path,
      ignoreInDest: '!images/**/*'
    }
  )
    .then(() => {
      done();
    })
    .catch(err => {
      done(err);
    });
});

gulp.task('fonts', function (done) {
  syncy(
    [`${config.development_path}/fonts/**/*`],
    `${config.tmp_path}/wordpress/wp-content/themes/${config.theme_path}`,
    {
      verbose: true,
      base: config.development_path,
      ignoreInDest: '!fonts/**/*'
    }
  )
    .then(() => {
      done();
    })
    .catch(err => {
      done(err);
    });
});

gulp.task('php', function (done) {
  syncy(
    [`${config.development_path}/**/*.php`],
    `${config.tmp_path}/wordpress/wp-content/themes/${config.theme_path}`,
    {
      verbose: true,
      base: config.development_path,
      ignoreInDest: '!**/*.php'
    }
  )
    .then(() => {
      done();
    })
    .catch(err => {
      done(err);
    });
});

gulp.task('wordpress', function () {
  return $.download('https://wordpress.org/latest.zip')
    .pipe($.unzip())
    .pipe(gulp.dest(config.tmp_path));
});

gulp.task('screenshot', function () {
  return gulp.src('screenshot.png')
    .pipe(gulp.dest(`${config.tmp_path}/wordpress/wp-content/themes/${config.theme_path}`));
});

gulp.task('build', defaultTasks, function () {
  return gulp.src(`${config.tmp_path}/wordpress/**/*`)
    .pipe(gulp.dest(config.dist_path));
});

gulp.task('default', function () {
  gulp.start('build');
});

gulp.task('watch', defaultTasks, function () {
  $.connectPhp.server({
    base:  `${config.tmp_path}/wordpress`
  }, function () {
    browserSync({
      proxy: '127.0.0.1:8000',
      notify: false
    });
  });

  gulp.watch(`${config.development_path}/images/**/*`, ['images']);
  gulp.watch(`${config.development_path}/fonts/**/*`, ['fonts']);
  gulp.watch(`${config.development_path}/js/**/*.js`, ['scripts']);
  gulp.watch(`${config.development_path}/sass/**/*.{scss,sass}`, ['sass']);

  gulp.watch(`${config.development_path}/**/*.php`, ['php']);

  gulp.watch(`${config.development_path}/**/*`).on('change', function (e) {
    reload();
  });
});