sourcemap

在CLI指令解析后，在runEsbuild时添加 esbuild sourcemap 的配置

await esbuild({
  sourcemap: options.sourcemap ? 'external' : false,
}

针对设置了 inline 的选项，返回行内样式构建的结果

const inlineSourceMap = this.context!.options.sourcemap === 'inline'

const getSourcemapComment = (
  inline: boolean,
  map: RawSourceMap | string | null | undefined,
  filepath: string,
  isCssFile: boolean
) => {
  if (!map) return ''
  const prefix = isCssFile ? '/*' : '//'
  const suffix = isCssFile ? ' */' : ''
  const url = inline
    ? `data:application/json;base64,${Buffer.from(
        typeof map === 'string' ? map : JSON.stringify(map)
      ).toString('base64')}`
    : `${path.basename(filepath)}.map`
  return `${prefix}# sourceMappingURL=${url}${suffix}`
}

设置在执行构建时，根据options的选项，创建新的线程执行 rollup 指令。

const dtsTask = async () => {
  if (options.dts) {
    await new Promise<void>((resolve, reject) => {
      const worker = new Worker(path.join(__dirname, './rollup.js'))
      worker.postMessage({
        configName: item?.name,
        options: {
          ...options, // functions cannot be cloned
          banner: undefined,
          footer: undefined,
          esbuildPlugins: undefined,
          esbuildOptions: undefined,
          plugins: undefined,
          treeshake: undefined,
          onSuccess: undefined,
          outExtension: undefined,
        },
      })
      worker.on('message', (data) => {
        if (data === 'error') {
          reject(new Error('error occured in dts build'))
        } else if (data === 'success') {
          resolve()
        } else {
          const { type, text } = data
          if (type === 'log') {
            console.log(text)
          } else if (type === 'error') {
            console.error(text)
          }
        }
      })
    })
  }
}

根据配置，生成 dts

async function runRollup(options: RollupConfig) {
  const { rollup } = await import('rollup')
  try {
    const start = Date.now()
    const getDuration = () => {
      return `${Math.floor(Date.now() - start)}ms`
    }
    logger.info('dts', 'Build start')
    const bundle = await rollup(options.inputConfig)
    const results = await Promise.all(options.outputConfig.map(bundle.write))
    const outputs = results.flatMap((result) => result.output)
    logger.success('dts', `⚡️ Build success in ${getDuration()}`)
    reportSize(
      logger,
      'dts',
      outputs.reduce((res, info) => {
        const name = path.relative(
          process.cwd(),
          path.join(options.outputConfig[0].dir || '.', info.fileName)
        )
        return {
          ...res,
          [name]: info.type === 'chunk' ? info.code.length : info.source.length,
        }
      }, {})
    )
  } catch (error) {
    handleError(error)
    logger.error('dts', 'Build error')
  }
}

使用JoyCon识别指定文件或 package.json 中的encode-bundle，作为相对用户配置项的返回。