wp gulp

gulpfile.js

const {
  src,
  dest,
  parallel,
  watch
} = require('gulp')

const sass = require('gulp-sass')
const autoprefixer = require('gulp-autoprefixer')
const browserify = require('gulp-browserify')

const srcPath = './src/'
const destPath = './wp-content/themes/fourunik/'

function compileSass () {
  return src(`${srcPath}/sass/style.scss`)
    .pipe(sass({
      includePaths: [
        './node_modules/bulma/',
        './node_modules/bourbon/core/',
        './node_modules/slick-carousel/slick/',
      ]
    }))
    .pipe(autoprefixer())
    .pipe(dest(`${destPath}`))
}

function compileScripts () {
  return src(`${srcPath}/js/scripts.js`)
    .pipe(browserify())
    .pipe(dest(`${destPath}/js/`))
}

function copyImages () {
  return src(`${srcPath}/img/**/*`)
    .pipe(dest(`${destPath}/images/`))
}

function watchFiles () {
  watch('./src/sass/*.scss', compileSass)
  watch('./src/js/*.js', compileScripts)
  watch('./src/img/**/*', copyImages)
}

exports.default = parallel(
  compileSass,
  compileScripts,
  copyImages,
  watchFiles
)