element-plus/build/style.ts

import path from 'path'
import { parallel, dest, src } from 'gulp'
import ts from 'gulp-typescript'
import through2 from 'through2'
import { buildOutput, compRoot } from './utils/paths'
import { buildConfig } from './info'
import { withTaskName } from './utils/gulp'
import { run } from './utils/process'
import { EP_PREFIX } from './constants'

import type { Module } from './info'

const inputs = path.resolve(compRoot, '**/style/*.ts')
const output = path.resolve(buildOutput, 'styles')

const tsProject = (module: Module) =>
  ts.createProject('tsconfig.json', {
    declaration: true,
    target: 'ESNext',
    skipLibCheck: true,
    module: buildConfig[module].module,
  })()

const rewriter = (module: Module) => {
  const config = buildConfig[module]
  return through2.obj(function (file, _, cb) {
    file.contents = Buffer.from(
      (file.contents.toString() as string)
        .replaceAll(
          `${EP_PREFIX}/components`,
          `${config.bundle.path}/components`
        )
        .replaceAll(`${EP_PREFIX}/theme-chalk`, 'element-plus/theme-chalk')
    )
    cb(null, file)
  })
}

const build = (module: Module) =>
  withTaskName(`buildStyle:${module}`, () =>
    src(inputs)
      .pipe(rewriter(module))
      .pipe(tsProject(module))
      .pipe(dest(path.resolve(output, buildConfig[module].output.name)))
  )

export const buildStyle = parallel(build('esm'), build('cjs'))

export const copyStyle = () => {
  const copy = (module: Module) => {
    const config = buildConfig[module]
    const src = path.resolve(buildOutput, 'styles', config.output.name)
    const dst = path.resolve(config.output.path, 'components')

    return withTaskName(`copyStyle:${module}`, () =>
      run(`rsync -a ${src}/ ${dst}/`)
    )
  }

  return parallel(copy('esm'), copy('cjs'))
}