gulpfile.js

const path = require('path')
const through2 = require('through2')
const ts = require('gulp-typescript')
const babel = require('gulp-babel')
const rimraf = require('rimraf')
const merge2 = require('merge2')
const gulp = require('gulp')
const sourcemaps = require('gulp-sourcemaps')
const tsDefaultReporter = ts.reporter.defaultReporter()

// config
const config = require('./build/gulp.config')
const source = ['components/**/*.tsx', 'components/**/*.ts', 'typings/**/*.d.ts']
const tsProject = ts.createProject('./tsconfig.json')
const lib = process.env.NODE_ENV === 'development' ? config.dirs.devLib : config.dirs.lib
const es = process.env.NODE_ENV === 'development' ? config.dirs.devEs : config.dirs.es

function babelify(js, modules) {
  const babelConfig = config.getBabelConfig(modules)
  delete babelConfig.cacheDirectory
  const stream = js
    .pipe(sourcemaps.init())
    .pipe(babel(babelConfig))
    .pipe(
      through2
        .obj(function z(file, encoding, next) {
          this.push(file.clone())
          next()
        })
        .pipe(sourcemaps.write('.')),
    )
  return stream.pipe(gulp.dest(modules === false ? es : lib))
}

function compile(modules) {
  rimraf.sync(modules !== false ? lib : es)
  const assets = gulp
    .src(['./components/**/*.@(png|svg)'])
    .pipe(gulp.dest(modules === false ? es : lib))
  let error = 0
  // allow jsx file in src/xxx/
  if (config.tsConfig.allowJs) {
    source.unshift('components/**/*.jsx')
  }
  const tsResult = tsProject.src().pipe(
    ts(config.tsConfig, {
      finish: tsDefaultReporter.finish,
    }).on('error', () => {}),
  )

  const tsFilesStream = babelify(tsResult.js, modules)
  const tsd = tsResult.dts.pipe(gulp.dest(modules === false ? es : lib))
  return merge2([tsFilesStream, tsd, assets])
}

gulp.task('compile-with-es', (done) => {
  console.log('[Parallel] Compile to es...')
  compile(false).on('finish', done)
})

gulp.task('compile-with-lib', (done) => {
  console.log('[Parallel] Compile to lib...')
  compile().on('finish', done)
})

gulp.task('compile', gulp.series(gulp.parallel('compile-with-es', 'compile-with-lib')))
gulp.task('watch', () => {
  gulp.watch(source, gulp.series(gulp.parallel('compile-with-es', 'compile-with-lib')))
})