lowcode-engine/vite.base.config.ts

import { defineConfig, LibraryFormats } from 'vite';
import { env, cwd } from 'node:process';
import { resolve } from 'node:path';
import { readFile } from 'node:fs/promises'
import react from '@vitejs/plugin-react';

interface Options {
  name: string;
  entry?: string;
  defaultFormats?: LibraryFormats[];
  externalDeps?: boolean;
}

const resolvePath = (path: string) => resolve(cwd(), path)

export default async ({ name, entry = 'src/index.ts', defaultFormats = ['es'], externalDeps = true }: Options) => {
  const formats = (env['FORMATS']?.split(',') ?? defaultFormats) as LibraryFormats[];

  let externals: string[] = [];

  if (externalDeps) {
    const { peerDependencies = {}, devDependencies = {} } = await getPackageJson(resolvePath('package.json'));
    externals = [...Object.keys(peerDependencies), ...Object.keys(devDependencies)];
  }

  return defineConfig({
    build: {
      lib: {
        entry: resolvePath(entry),
        name,
        fileName: camelCaseToKebabCase(name),
        formats,
      },
      minify: false,
      rollupOptions: {
        external: externals
      }
    },
    plugins: [react()],
  });
};

function camelCaseToKebabCase(str: string) {
  // 使用正则表达式匹配大写字母
  return str.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();
}

async function getPackageJson(path: string) {
  const content = await readFile(path, 'utf-8');
  return JSON.parse(content);
}