struk/src/core/build.js

📦 基于rollup的JS、TS、Vue2、React包构建工具 | One common construction and package tool for JS/TS/Vue2/React components based on Rollup 📦

const fs = require('fs')
const ora = require('ora')
const chalk = require('chalk')
const shell = require('shelljs')
const rollup = require('rollup')
const terser = require('terser')
const rimraf = require('rimraf')
const path = require('path')
const { existsSync } = require('fs-extra')
// const { existsSync, copy, readJSON, writeJSON } = require('fs-extra');

const pkgLoader = require('../loader/pkg-loader')
const configLoader = require('../loader/config-loader')
const formatMapping = require('../core/format-mapping')
const rollupConfigGenerator = require('../core/rollup-config-generator')
const isProd = require('../utils/index').isProd()

function ensureDirectoryExistence (filePath) {
  const dirname = path.dirname(filePath)
  if (fs.existsSync(dirname)) {
    return true
  }
  ensureDirectoryExistence(dirname)
  fs.mkdirSync(dirname)
}

module.exports = async (cliConfig, custumConfig) => {
  const pkg = pkgLoader()
  const strukConfig = configLoader(process.cwd(), pkg, cliConfig, custumConfig)

  if (!strukConfig.skipAlert) {
    const checkOutputDir = async () => {
      if (existsSync(strukConfig.output.directory)) {
        console.log('\n')
        const answers = await require('inquirer').prompt([
          {
            name: 'remove',
            type: 'confirm',
            message: `Directory already exists, remove the dir: ${path.join(
              path.relative(process.cwd(), strukConfig.output.directory)
            )}`
          }
        ])
        if (answers?.remove) {
          rimraf.sync(strukConfig.output.directory)
        } else {
          console.error('\n' + 'Remove directory fail: ' + answers?.remove)
          process.exit(0)
          // shell.exit(1)
        }
      }
    }
    await checkOutputDir()
  }

  const rollupConfigs = rollupConfigGenerator(
    strukConfig,
    pkg,
    formatMapping,
    cliConfig
  )

  if (cliConfig.debug) {
    console.log('\npkg: ', pkg)
    console.log('\nstrukConfig: ', strukConfig)
    console.log('\nrollupConfigs: ', rollupConfigs)
  }

  if (!fs.existsSync(strukConfig.output.directory)) {
    fs.mkdirSync(strukConfig.output.directory)
  }

  let firstMark = false
  for (const config of rollupConfigs) {
    const spinner = ora(
      `📦 [${config.output.format}] ${config.input} → ${config.output.file}.js \n`
    ).start()

    try {
      const bundle = await rollup.rollup(config)
      const {
        output: [{ code, map }, ...extendMapI]
      } = await bundle.generate(config.output)
      // await bundle.write(config.output) // 默认写入方法
      fs.writeFileSync(`${config.output.file}.js`, code)
      if (
        !firstMark &&
        strukConfig.styleExtract &&
        extendMapI &&
        extendMapI.length
      ) {
        const [{ fileName: styleDir, source: styleSource }] = extendMapI
        firstMark = true
        ensureDirectoryExistence(styleDir)
        fs.writeFileSync(path.resolve(styleDir), styleSource)
      }

      // minimize
      if (isProd) {
        const minimizeRes = await terser.minify(code, {
          toplevel: true,
          output: {
            ascii_only: true,
            comments: RegExp(`${pkg.name}`) // 排除所有不含 pkg.name 的 banner
          },
          compress: {
            drop_console: true,
            pure_funcs: ['Math.floor']
          }
        })
        const minimizeCode = minimizeRes?.code || ''

        fs.writeFileSync(`${config.output.file}.min.js`, minimizeCode)
        if (!!config.output.sourcemap && !!map) {
          fs.writeFileSync(
            `${config.output.file}.min.js.map`,
            JSON.stringify(map)
          )
        }
      }
    } catch (e) {
      spinner.fail('Oops, Packing error!!')
      console.error('\n' + e.stack)
      shell.exit(1)
    }
    spinner.succeed(`Format: [${config.output.format}] finished!`)
  }
  console.info(`\n ${chalk.gray('Construction')} ${chalk.green('Complete')} 👏👏👏`)
  shell.exit(0)
}