gulpfile.js

var fs = require("fs");
var browserify = require("browserify");
var gulp = require("gulp");
var sass = require("gulp-sass");
var minify = require("gulp-csso");
var buffer = require("vinyl-buffer");
var source = require("vinyl-source-stream");
var uglify = require("gulp-uglify");
// var gzip = require("gulp-gzip")

gulp.task("react-prod", function() {
  process.env.NODE_ENV = "production"
  return (
    browserify({
      entries: "./client/components/index.js",
      debug: true
    })
      .transform("babelify", { presets: ["env", "react"] })
      .bundle()
      .pipe(source("build.min.js"))
      .pipe(buffer())
      .pipe(uglify())
      //.pipe(gzip())
      .pipe(gulp.dest("static"))
  )
})

gulp.task("react", function(done) {
  browserify("./client/components/index.js")
    .transform(
      "babelify",
      { presets: ["env", "react"] },
      {
        global: true, // also apply to node_modules
        NODE_ENV: "production"
      }
    )
    .bundle()
    .pipe(fs.createWriteStream("static/build.min.js"))
  done()
})

gulp.task("sass", function() {
  return gulp
    .src("./client/sass/**/*.scss")
    .pipe(sass().on("error", sass.logError))
    .pipe(gulp.dest("./static/css"))
    .pipe(minify())
    .pipe(gulp.dest("./static/css"))
})
gulp.task("serve", gulp.series("sass", "react-prod"))

gulp.task("dev", function() {
  gulp.watch("client/**/*.scss", gulp.series("sass")),
    gulp.watch("client/***/**/*.js", gulp.series("react"))
  return
})