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 中的wj-fe-bundle，作为相对用户配置项的返回。