gulpfile.babel.js

const del = require("del");
const gulp = require("gulp");
const gulpLivereload = require("gulp-livereload");
const logger = require("global/console");
const nodemon = require("gulp-nodemon");
const webpack = require("webpack");
const PluginError = require("plugin-error");
const log = require("fancy-log");
const less = require("gulp-less");
const webpackConfig = require("./webpack");

const clean = () => {
  return del(["dist"]);
};

const watchServer = (done) => {
  nodemon({
    exec: "npm",
    ext: "js json jsx yaml jade md ts tsx",
    script: "start",
    ignore: ["node_modules/", "dist/", "*translations/"],
  });
  done();
};

const compileJavascripts = (done) => {
  webpack(webpackConfig, (err, stats) => {
    if (err) {
      throw new PluginError("webpack", err);
    }
    log.info("[webpack]", stats.toString({}));
    done();
  });
};

const watchJavascripts = (done) => {
  gulp.watch(
    [
      "src/client/javascripts/**/*.js",
      "src/client/javascripts/**/*.jsx",
      "src/client/javascripts/**/*.ts",
      "src/client/javascripts/**/*.tsx",
      "src/client/javascripts/**/*.json",
      "src/shared/**/*.js",
      "src/shared/**/*.jsx",
      "src/shared/**/*.ts",
      "src/shared/**/*.tsx",
      "src/shared/**/*.json",
    ],
    compileJavascripts
  );
  done();
};

const watchLivereload = (done) => {
  gulp.watch(["dist/**/*"], function onChange(e) {
    gulpLivereload.changed(e.path);
  });
  done();
};

const compileLess = () => {
  return gulp
    .src("src/client/stylesheets/*.less")
    .pipe(
      less({
        javascriptEnabled: true,
        paths: ["./node_modules/antd/dist/antd.less"],
      })
    )
    .pipe(gulp.dest("dist/stylesheets"));
};

const compileStatic = (done) => {
  gulp
    .src("src/client/static/**/*")
    .on("error", function onError(err) {
      logger.error(err);
    })
    .pipe(gulp.dest("dist"));
  done();
};

const watchStatic = (done) => {
  gulp.watch("src/client/static/**/*", compileStatic, compileLess);
  done();
};

const build = gulp.parallel(compileJavascripts, compileLess, compileStatic);
const watch = gulp.parallel(build, watchJavascripts, watchStatic, watchServer);

export { build, watch };

export default watch;
/* eslint-enable */