ncform/packages/ncform-theme-elementui/gulpfile.js

const gulp = require("gulp");
const path = require("path");
const rm = require("rimraf");
const webpack = require("webpack");
const notify = require("gulp-notify");
const gulpSequence = require("gulp-sequence");
const url = require("url");
const querystring = require("querystring");
const browserSync = require("browser-sync").create();

const config = require("./conf/config");
const webpackConfig = require("./conf/webpack.config");

const { reload } = browserSync;

/* ====================== functions ====================== */

function handleErrors(err, stats) {
  if (err) {
    console.error(err.details);
  }

  if (stats) {
    console.log(stats.toString({
      chunks: false,  // Makes the build much quieter
      colors: true    // Shows colors in the console
    }));
  }
}

function watchBuild() {
  gulp.watch(path.join(config.src, "**/*.*"), ["build"]);
}

/* ====================== gulp tasks ====================== */

gulp.task("webpack", done => {
  webpack(webpackConfig, (err, stats) => {
    if (err || stats.hasErrors()) {
      handleErrors(err, stats);
    } else {
      console.log(stats.toString({
        chunks: false,  // Makes the build much quieter
        colors: true    // Shows colors in the console
      }));
      done();
    }
  });
});

gulp.task("clean", next => {
  rm(config.dist, () => next());
});

gulp.task("watch", () => {
  gulp.watch(path.join(config.src, "**/*.*"), () => {
    gulpSequence("webpack")(err => {
      if (!err) reload();
    });
  });
});

gulp.task("serve", () => {
  function startServer() {
    delete require.cache[require.resolve("./mock/data")];
    const mockConfig = require("./mock/data");
    browserSync.init({
      server: ".",
      index: "examples/index.html",
      port: 3002,
      logLevel: "debug",
      logPrefix: "VC",
      ghostMode: false, // 禁止同步机制
      open: true,
      middleware: Object.keys(mockConfig).map(route => ({
        route,
        handle: (req, res) => {
          let body = [];
          req
            .on("data", chunk => {
              body.push(chunk);
            })
            .on("end", () => {
              body = JSON.parse(Buffer.concat(body).toString() || "{}");
              const query = querystring.parse(url.parse(req.url).query);
              const params = Object.assign(body, query);
              const resData =
                typeof mockConfig[route] === "function"
                  ? mockConfig[route](params)
                  : mockConfig[route];
              res.write(
                typeof resData === "string" ? resData : JSON.stringify(resData)
              );
              res.end();
            });
        }
      }))
    });
  }

  startServer();

  gulp.watch(path.join(config.root, "mock/data.js")).on("change", () => {
    browserSync.exit();
    startServer();
  });
});

gulp.task("build", cb => {
  gulpSequence("clean", ["webpack"])(cb);
});

gulp.task("watch-build", watchBuild);

gulp.task("dev", gulpSequence("build", ["serve", "watch"]));