gulpfile.js

const gulp = require("gulp");
const babel = require("gulp-babel");
const clean = require("del");
const ts = require("gulp-typescript");
const merge = require("merge2");

const tsProject = ts.createProject("./tsconfig.json");
const ESDIR = "./es";
const LIBDIR = "./lib";
const PACKAGE_DIR = "packages/**/*.js";

/* eslint-disable */
gulp.task("clean", () => {
  return clean(["lib"]);
});

/* eslint-disable */
gulp.task("cleanEs", () => {
  return clean(["es"]);
});

function moveLess(dir) {
  return gulp.src("./packages/**/*.less").pipe(gulp.dest(dir));
}

function compileTs() {
  return tsProject.src().pipe(tsProject());
}

function babelConfig(moduleType) {
  return {
    babelrc: false,
    presets: [
      ["@babel/preset-env", { modules: moduleType }],
      "@babel/preset-react"
    ],
    plugins: [
      "@babel/plugin-proposal-object-rest-spread",
      ["@babel/plugin-proposal-decorators", { legacy: true }],
      "@babel/plugin-proposal-class-properties",
      "@babel/plugin-transform-classes"
    ]
  };
}

gulp.task(
  "es",
  gulp.series("cleanEs", () => {
    const jsStream = gulp
      .src(PACKAGE_DIR)
      .pipe(babel(false))
      .pipe(gulp.dest(ESDIR));

    const cssStream = moveLess(ESDIR); // 处理css流

    return merge(jsStream, cssStream);
  })
);

// 发布打包
gulp.task(
  "lib",
  gulp.series("clean", () => {
    const jsStream = gulp
      .src(PACKAGE_DIR)
      .pipe(babel())
      .pipe(gulp.dest(LIBDIR));

    const cssStream = moveLess(LIBDIR); // 处理css流

    return merge(jsStream, cssStream);
  })
);

gulp.task("default", gulp.series("lib", "es"));