모노레포 전환기 (FE: React, BE: NestJS)

import { axiosInstance } from "@libs/axios/axiosInstance.tsx";
import { ProjectState } from "@bizchat/api-interface"; // 내가 만든 패키지 파일
import {
  AxiosResponseData,
  axiosResponseData,
} from "@libs/axios/axiosResponse.ts";
import { AxiosRequestConfig, AxiosResponse } from "axios";

/**
 * @description 프로젝트 상세 조회
 * @param {string} projectId 프로젝트 objectId
 */
export const findProjectApi = async (
  projectId: string,
): Promise<ProjectState[] | null> => {
  const url = `${PROJECTS}/${projectId}`;
  const { data } = await axiosInstance.get<
    AxiosRequestConfig,
    AxiosResponse<AxiosResponseData<ProjectState[]>>
  >(url);
  return axiosResponseData<ProjectState[]>(data);
};

import { ProjectState } from "@bizchat/api-interface";
import { IsString } from 'class-validator';

export class ProjectDto implements ProjectState {
  @IsString()
  title: string;
  // 이하 생략..
}

import { groupBy } from '@bizchat/utility';

const sampleGrouping = (list) => {
	const group = groupBy(list, 'name');
}

npm install @rollup/plugin-commonjs --save-dev

import { defineConfig, loadEnv } from "vite";
import react from "@vitejs/plugin-react-swc";
import tsconfigPaths from "vite-tsconfig-paths";
import commonjs from "@rollup/plugin-commonjs"; // <- 플러그인 설치

// https://vitejs.dev/config/
export default defineConfig(({ mode }) => {
  const env = loadEnv(mode, process.cwd(), "");
  return {
    define: {
      "process.env": env,
    },
    plugins: [react(), tsconfigPaths()],
    build: {
      minify: false,
      sourcemap: true,
      rollupOptions: { // <- option 정의
        output: {
          format: "umd",
          name: "bizchat",
          entryFileNames: "[name].js",
          chunkFileNames: "[name].js",
          assetFileNames: "[name].[ext]",
        },
        plugins: [ // commonjs로 변경할 파일 선언
          commonjs({
            include: [/packages/],
          }),
        ],
      },
    },
    optimizeDeps: {
      include: ["@bizchat/api-interface/**/*", "@bizchat/utility/**/*"],
    },
  };
});

// vite.config.js
optimizeDeps: {
      include: ["@bizchat/api-interface/**/*", "@bizchat/utility/**/*"],
    }

npm i @rollup/rollup-darwin-arm64