element-plus/build/full-bundle.ts

import path from 'path'
import fs from 'fs'
import { nodeResolve } from '@rollup/plugin-node-resolve'
import rollup from 'rollup'
import chalk from 'chalk'
import commonjs from '@rollup/plugin-commonjs'
import vue from 'rollup-plugin-vue'
import esbuild from 'rollup-plugin-esbuild'
import replace from 'rollup-plugin-replace'
import genDts from './gen-entry-dts'
import RollupResolveEntryPlugin from './rollup.plugin.entry'
import { epRoot, buildOutput } from './paths'
import { EP_PREFIX, excludes } from './constants'
import { getExternals } from './utils'
;(async () => {
  const config = {
    input: path.resolve(epRoot, './index.ts'),
    plugins: [
      nodeResolve(),
      vue({
        target: 'browser',
        // css: false,
        exposeFilename: false,
      }),
      commonjs(),
      esbuild({
        minify: false,
      }),
      replace({
        'process.env.NODE_ENV': JSON.stringify('production'),
      }),
    ],
    external: getExternals({ full: true }),
  }

  console.log(chalk.cyan('Start generating full bundle'))

  const umd = {
    format: 'umd',
    file: path.resolve(buildOutput, 'element-plus/dist/index.js'),
    exports: 'named',
    name: 'ElementPlus',
    globals: {
      vue: 'Vue',
    },
  }

  const umdMinified = {
    ...umd,
    file: path.resolve(buildOutput, 'element-plus/dist/index.full.js'),
  }

  console.log(chalk.bold(chalk.yellow('Building bundle')))

  // Full bundle generation
  const bundle = await rollup.rollup({
    ...config,
    plugins: [...config.plugins, RollupResolveEntryPlugin()],
  })

  console.log(chalk.yellow('Generating index.full.js'))

  await bundle.write(umdMinified as any)

  console.log(chalk.green('index.full.js generated'))

  console.log(chalk.yellow('Generating entry files without dependencies'))

  // Entry bundle generation

  const entryFiles = await fs.promises.readdir(epRoot, { withFileTypes: true })

  const entryPoints = entryFiles
    .filter((f) => f.isFile())
    .filter((f) => {
      return f.name !== 'package.json' && f.name !== 'README.md'
    })
    .map((f) => path.resolve(epRoot, f.name))

  const entryBundle = await rollup.rollup({
    ...config,
    input: entryPoints,
    // eslint-disable-next-line @typescript-eslint/no-unused-vars
    external: (_) => true,
  })

  const rewriter = (id) => {
    if (id.startsWith(`${EP_PREFIX}/components`))
      return id.replace(`${EP_PREFIX}/components`, './components')
    if (id.startsWith(EP_PREFIX) && excludes.every((e) => !id.endsWith(e)))
      return id.replace(EP_PREFIX, '.')
  }

  console.log(chalk.yellow('Generating cjs entry'))

  await entryBundle.write({
    format: 'cjs',
    dir: path.resolve(buildOutput, 'element-plus/lib'),
    exports: 'named',
    paths: rewriter,
  })

  console.log(chalk.green('cjs entry generated'))

  console.log(chalk.yellow('Generating esm entry'))

  await entryBundle.write({
    format: 'esm',
    dir: path.resolve(buildOutput, 'element-plus/es'),
    paths: rewriter,
  })

  console.log(chalk.green('esm entry generated'))

  console.log(chalk.bold(chalk.green('Full bundle generated')))

  console.log(chalk.yellow('Generate entry file definitions'))

  await genDts()

  console.log(chalk.green('Entry file definitions generated'))
})()